jQuery Plugin for Stacking Tables on Mobile Screens

Plugins 12th February, 2013

Stacktable.js is a plugin that gives 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.

You can try an example to understand the Stacktable.js more. Use media queries to toggle the visibility of the original table and the stacktable (check out the stacktable.css example). You can pass in classes or an id to give to the stacktable. Adjust the size of your browser window to see it in action in the example.

You can download the source file easily by clicking on the download link on its web page.