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 | 1 Comment