HTML & CSS
Article

How to Create Responsive Tables in Foundation

By Brett Romero

The ‘HTML table layout’ debate ended years ago, but sometimes I feel like tables never fully recovered. People seem to feel slightly uneasy or guilty using them – even when it’s for entirely the right reasons.

Here’s a look at bringing tables right into the responsive design era, by showing you how to make them smart and responsive using Foundation.

Enjoy!

For more great content like this, visit the Hub, run by our friends at Learnable!

  • Alan Carpenter

    Uh…so what does text about responsive sliders have to do at all with Foundation or even tables? I think someone here may have messed up.

  • mary

    The accompanying article content talks about slides instead of tables.

  • adam__roberts

    Indeed they did! Sorry about that, I’ve updated the post and the text and video now relate to each other.

    If you’re interested in the responsive slideshow video instead, here’s a link to the Learnable post about the video: https://learnable.com/hub/play/64

  • adam__roberts

    Sorry about that, bit of a mix up there. I’ve updated the post and the text and video now relate to each other.

    (If you’re interested in the responsive slideshow tutorial instead, here’s a link to the Learnable post about the video: https://learnable.com/hub/play/64)

  • http://www.globalwebforce.com/ Hitesh Parekh

    The foundation is great it is very easy to use, you don’t
    need to follow a certain HTML structure just to make them work compare to
    bootstrap. Tables are not recommended most of the time when building a responsive website. But you have a point, the foundation is great and it’s very easy to use. You don’t need to follow a certain HTML
    structure just to make them work compare to Bootstrap.

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in Front-end, once a week, for free.