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 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
More in css
-
Responsive CSS3 Menu without JS
Responsive, pure CSS3 menu without JavaScript. Works on all major browsers on mobile and...
-
CSS3 Fixed Half Circle Navigation
An animated half circled fixed navigation menu, pre coded with 4 positions (Top, Left,...
-
Responsive Login, Sign Up and Payment Form Wizard
Features: 4 Steps Signup User Registration Login Form Wizard with icons or numbers Responsive...
-
Diska – Feedbacks & Comment Form
Diska – Feedbacks & Comment Form is created by using CSS3 and HTML5, there...