Short note on what CSS display properties do to table semantics

We’ve blogged about responsive tables a number of times over the years. There’s a variety of techniques, and which you choose should be based on the data in the table and the UX you’re going for. But many of them rely upon resetting a table element’s natural display value to something else, for example display: block. Steve Faulkner warns us:
When CSS display: block or display: grid or display: flex is set on the table element, bad things happen. …
The post Short note on what CSS display properties do to table semantics appeared first on CSS-Tricks.

Link: https://developer.paciellogroup.com/blog/2018/03/short-note-on-what-css-display-properties-do-to-table-semantics/