Hacker News Reader

Chris Coyier - 4 years ago.

He did this and added some reader submissions on other approaches.

https://css-tricks.com/responsive-data-tables/

I linked to that post in the in the article and mentioned the reasons it was slightly different but built upon that idea. He throws his content in the stylesheets.

Yup, though the different way to do it with data- attributes and no content in the stylesheet was also written about here [1] in 2012, and demo'd here [2] at the bottom of the page in the "No more tables" example.

We've been using this same technique in several projects where it seemed appropriate for the past few years and have been loving it.

[1] https://css-tricks.com/responsive-data-table-roundup/

[2] http://elvery.net/demo/responsive-tables/#no-more-tables

Yeah, I presumed I wasn't the first under the sun to do it; just thought it would be interesting to write about since some of my fellow front-enders hadn't seen the technique and google didn't turn up either of those links :)

And those links weren't very descriptive and didn't fully explain the technique, so definitely helps to add to the ecosystem.

Coyier is always on top of things. His demos have saved me many times.

Reply on news.ycombinator.com