Stackable.js is a jQuery plugin designed to convert data tables into a two column format so that it is easier to view the content on smaller screens.

It’s great if you’re only dealing with some basic data but it probably won’t be the perfect solution if you’re looking to maintain all of the data within your tables (which lets face it is probably going to be 95% of the time).

If you’re looking for slightly more robust solutions try the Filament Groups data table solution.

See the Pen Stackable.js by Justin Avery (@justincavery) on CodePen

  • Resource Name


  • Resource Creator

    John Polacek


The purpose of stacktable.js is to give you an easy way of converting wide tables to a format that will work better on small screens. It creates a copy of the table that is converted into a 2-column key/value format.

View on Github Download Resource

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.