Tables for Mobile

HTML & CSS
1

As I was looking at a UL of data I decided to put it in a table, but then I have a responsive design I am editing for a site so I found this gem online. I didn’t see anything similar in the forum so here ya’ go.


http://css-tricks.com/responsive-data-tables/
http://css-tricks.com/responsive-data-table-roundup/

good stuff. You know that more people are on mobile devices why lose them if you don’t have to. People are not always going to scroll down, right and left to see your content so this is becoming necessary.

BTW, thanks for the other help I’ve received here.

2

Thanks lukkas. That css-tricks info has been mentioned around here a number of times, but it doesn’t hurt to mention it again. :slight_smile:

3

I was late to this responsive party. Although, I did use different css for media devices, these designs are far better

4

There’s a good approach here from berea st for responsive tables.

5

Since we are gathering links, these are worth noting as well:

http://filamentgroup.com/lab/responsive_design_approach_for_complex_multicolumn_data_tables/

6

and these:
http://www.the-haystack.com/2013/09/24/responsive-scrollable-tables/?goback=.gde_53511_member_276520254#!
http://blog.cloudfour.com/picking-responsive-tables-solution/