How to fit a large table of data in a small screen?

You don't ;)

So you decided to join the mobile world and create a unicorn/droid-ready version of your site. If you happen to use big tables of data on one of your pages you find out they don't really fit in a small screen.

The good guys of the filament group have come up with a #jQuery / #CSS3 / #responsivedesign solution that comes down to this:
– select what is important for a small screen
– show it and hide the rest
– adjust the presentation according to the device so that you don't have to have 3 versions of the same thing
– give the user the option in any case.

Read on how to do it: A Responsive Design Approach for Complex, Multicolumn Data Tables at

Google+: View post on Google+

Tags: , ,