3 ms·
I like the idea behind this article, but "Responsive Tables #2: Flexbox" really is a pretty good example of what _not_ to do. Just hiding the table header defi
by Sujan 7y ago
I like the idea behind this article, but "Responsive Tables #2: Flexbox" really is a pretty good example of what _not_ to do.
Just hiding the table header definitely does not work - this is how I first "read" the data:
- Slice of Pizza = 450
- 95% = $5.00
- Common = 8/10
And this clearly doesn't make any sense at all.
PS: I would love to see Markdown formatting make it to HN comments one day...
- bradley_taunt 7y agoThe CodePen "Responsive Table 2.5" further builds on that example and tackles that exact problem you mention (by including the heading of what each cell represents)
- bastawhiz 7y agoIf you're putting the heading in each cell, it kind of defeats the purpose of using a table to begin with, no? If I was so painted into a corner by mobile support and refused to make scrolling friendly (e.g., by pinning the left column), it sounds like just not using a table in the first place is a much better solution.
- bhaak 7y agoYes, not using tables is the best solution for mobile support. But sometimes you can't do without. Then it's nice to know your options.
- debaserab2 7y agoInheriting this kind of functionality with just a little bit of CSS is pretty dang convenient though and a pretty sensible default, if nothing else.
- airstrike 7y agoRemove the borders and background shading from that example and it will read just fine as a set of attributes
- Sujan 7y agoYes, but these are not attributes. (Or was that your point?)
- masklinn 7y ago> PS: I would love to see Markdown formatting make it to HN comments one day... Sadly, properly formatted comments don't bring paulg joy.