Foundation

Responsive Tables

Our way of dealing with tabular data on smaller screens.

Responsive Tables

Our way of dealing with tabular data on smaller screens.

← Back to Home

Foundation Responsive Tables

Tables and Responsive Can Live Together

Don't let tables break your responsive layout anymore. This simple JS/CSS combo will let your tables adapt to small device screens without everything going to hell. It works by taking the first column and "pinning" it to the left of the table, allowing you to scroll the other columns under it. You don't lose the likely key for each row, but you also don't have to break your nice responsive layout.

Check it out on the Playground →


Not Tested in 4

We made these add-ons to be pretty robust, but they have not been tested in Foundation 4 yet. Watch out for gremlins if you're using Icon Fonts, Off-Canvas Layouts, Responsive Tables or the SVG Social Icons with Foundation 4.

Stay on top of what's happening in responsive design with Responsive from ZURB.

Sign up to receive monthly Responsive Reading highlights. Read Last Month's Edition »