4 ms·

Chris Coyier - 4 years ago. He did this and added some reader submissions on other approaches. https://css-tricks.com/responsive-data-tables/ https://css-tric

• niix 12y ago
  Coyier is always on top of things. His demos have saved me many times.
• wallawe 12y ago
  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.
  • JangoSteve 12y ago
    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/ https://css-tricks.com/responsive-data-table-roundup/ [2] http://elvery.net/demo/responsive-tables/#no-more-tables http://elvery.net/demo/responsive-tables/#no-more-tables
    • wallawe 12y ago
      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 :)
      • JangoSteve 12y ago
        And those links weren't very descriptive and didn't fully explain the technique, so definitely helps to add to the ecosystem.