Email Email address Location Postal address Tag Item category Url Web address Phone Phone number Previous Go to the previous item Next Go to the next item Quote This is quote Dribbble Link to Dribbble profile Github Link to Github profile Instagram Link to Instagram profile LinkedIn Link to LinkedIn profile Twitter Link to Twitter profile

Experiment

Responsive data tables

Making data tables work in a responsive world.

HTML tables are a bit of a pain when it comes to responsive web design. A large table with lots of columns will look good on a wide screen, but on a small mobile screen they suck. This is the demo of the blog post about this.

Responsive tabular data – tested in Chrome, Firefox, IE9, Opera and Safari. Based on Responsive Data Tables by CSS Tricks.

With help from:

Row based data table

Fruit Type of grape Dried Seedless Dry colour

Raisin

white dark

Sultana

white golden

Currant

black dark

Column based data table

fruit

Type of grape Dried Seedless Dry colour

Raisin

white dark

Sultana

white golden

Currant

black dark

Side project / 2017

development

Previous pageDaily UI

Next pageVasarely in colour

Interested in working together?

Do you have a project in mind? Get in touch and we can discuss the best solution that will fit your needs.

Get in touch