Pure CSS Tables
CSS table designs make data readable with zebra stripes, sticky headers, hover rows and responsive layouts, all styled with plain CSS.
8 free examples, most liked first. Click one to preview it and copy the code.
Responsive Stacking Table
by @admin · Tables
Pricing Comparison Table
by @admin · Cards
Grid Month Calendar
by @admin · Tables
Sticky Header Data Table
by @admin · Tables
Column Highlight Table
by @admin · Tables
Zebra Hover Table
by @admin · Tables
Rounded Data List
by @admin · Tables
Leaderboard Ranking 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.