Userlist - responsive table - CB 2.0 ?

Hello, some time ago this was a "sub-topic" in your news article " Boostraping our way to CB 2.0 ". Since it was not meant to be a place for discussion and official answers... i thought, it would be a good idea to re-create it as a real topic.

Here the essentials and initial question by user "comyoo" and my first thoughts:

pepperstreet wrote:

comyoo wrote: The list function of CB with 4 columns and bootstrap activated won't be smaller as the website is also responsive and will be viewed on mobile.
How can I get this working without putting all the information in one column?...

Since the userlist is table-based and your columns are TD's, you would have to modify the whole markup/output. Not sure if this is possible or a good advice. Because of following CB updates.

An alternative would be a temporary markup modification, without touching the CB code. jQuery could change and rewrite the document-structure. Reposition or replace unwanted HTML-Tags completely.

Weired idea - CSS only:
What about reposition the respective TD's with CSS properties?! Not sure if this will work or if it is a valid method Worth a try with Firebug or any other CSS inspector tool.
The table header should be modified as well.
Fortunately, all elements have CSS IDs and Classes.

Here my second post with interesting links i have found later on...

pepperstreet wrote: Regarding responsive Tables, you might be interested in these articles!

Responsive Data Tables (APR 27, 2011)
css-tricks.com/responsive-data-tables/


Responsive Data Table RoundUp (JAN 11, 2012)
(additional explorations of the problem with demos)
css-tricks.com/responsive-data-table-roundup/

Maybe something to consider for CB userlists in the next version...
Do you have a solution for the important list display?
Any changes in CB 2.0 and list creation in general?

Thanks for listening.

CB 2.0 will be completely responsive design (frontend is being redone). It's possible to implement now if you need it using @media usage in your CSS to add CSS based off browser size (same way bootstrap does it).