The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Responsive Tables "collapse rows" method?
On the CSS-Tricks blog post:
They have “Collapse by rows” as a method for making responsive tables.
How would I make a table that does this?
Under the Approaches for Responsive Tables heading…
Collapse by rows: Split each row into its own single column mini-table on small screens. Switching display:table into display:block will cause this with normal table markup.
There are also other linked articles in the Related Resources section at the bottom of the blog post, so try those for more tips and sample code snippets.
If you need further help, please post a simple demo in CodePen to show us your code and clearly explain any problems you’re having.