Responsive Tables Download For Free

All > CSS > Responsive Tables Download For Free

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

Scroll to Top