Connect with us

Product Details

  • Sales: 235
  • Author: LisaStoz
  • Last Update: 2014-09-03T16:58:50+10:00
  • Created Date: 2014-09-01T02:46:56+10:00
  • High Resolution: CSS2, CSS3
  • Compatible Browsers: No
  • Compatible With: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

css

Responsive Tables

What is this? This a ready mobile-first CSS solution for responsive data tables. It is also a configurable CSS mini-framework. Why use this? CSS-only, no Javascript required wide browser support, including IE8 mobile-first approach list-based layout predefined layout types: up...

What is this?

This a ready mobile-first CSS solution for responsive data tables. It is also a configurable CSS mini-framework.

Why use this?

  • CSS-only, no Javascript required
  • wide browser support, including IE8
  • mobile-first approach
  • list-based layout
  • predefined layout types: up to 12, up to 15, up to 30 columns, ability to easily add custom layout types
  • stackable information

only desktop view is available on IE8, which is fine because IE8 is only used on desktop devices

Please note: the suggested HTML structure is built with ul, li and other elements, but NOT with table element.

What can be customised?

  • columns number
  • column widths
  • breakpoints
  • all colours and text styles
  • cell padding
  • borders (colour, thickness, presence/absence)
  • corners (border-radius)

Extra

This is normal and ready CSS solution, but for those who are in favor of CSS pre-processors, LESS source files are also included.

Changelog

v0.1 (1 September 2014)

initial release

v0.1.1 (3 September 2014)

layout bug fix for very short words

Related Topicsfluid tablesresponsive tablesstackable tables

More in css