Pure CSS Tables
CSS table designs make data readable with zebra stripes, sticky headers, hover rows and responsive layouts, all styled with plain CSS.
10 free examples, most liked first. Click one to preview it and copy the code.
Basic Table with rounded corners
by @admin · Tables
Pure CSS Table Highlight (vertical & horizontal)
by @admin · Tables
Pure CSS table gadgets
by @admin · Tables
html lists like tables
by @admin · Tables
Pure CSS Scrolling Tables with Fixed Headers Examples
by @admin · Tables
Pure CSS Pricing Table
by @admin · Tables
Pure CSS Scrollable Table with Fixed Header
by @admin · Tables
Pure CSS Responsive Table.
by @admin · Tables
Table fixed first column, pure css
by @admin · Tables
Fixed Header Responsive Table
by @admin · Tables
Tables FAQ
How do I make a table responsive with CSS?
Wrap the table in a container with overflow-x set to auto, or restyle rows as stacked blocks with a media query. See the table examples for ready-made code.
How do I use these pure CSS tables?
Open an example, copy the HTML and the CSS, and paste them into your page. There is nothing to install and no JavaScript to load.