How to Make Data Tables Viewable On Mobile Devices

I enjoyed this well explained tutorial on how to code multi-column data tables responsively (demo) so that they display in a usable format on small screen devices. The solution? Assign 'essential' and 'optional' classes to the the data columns and hide the optional columns at smaller screen widths using CSS3 media queries. Very nicely done.

[via CSS Tricks]

Posted on: January 2, 2012 | No comments

Recent Entries in "CSS"


Comments are closed for this entry.




Subscribe to my RSS FeedSubscribe to my Web Design Blog RSS Feed

Proud member of 9rules network