DailyJS

jQuery Roundup: jquery.columns, stackable.js

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

jquery plugins responsive tables columns

jQuery Roundup: jquery.columns, stackable.js

Posted by Alex R. Young on .
Featured

jquery plugins responsive tables columns

jQuery Roundup: jquery.columns, stackable.js

Posted by Alex R. Young on .
Note: You can send your plugins and articles in for review through our contact form or @dailyjs.

jquery.columns

jquery.columns (License: MIT) by Cedric Ruiz extends the $.css method to support viewport-percentage lengths, basically making it a lot easier to work with responsive grids.

The plugin provides a $.columns method, but passing sizes with vw units to $.css will work as well.

There's a demo here: jquery.columns demo.

stacktable.js

stacktable.js (GitHub: johnpolacek / stacktable.js, License: MIT/GPL) by John Polacek is a plugin for stacking tables on small screens. It's designed to work in responsive layouts by using media queries.

To make tables fit smaller screens, this plugin stacks each column vertically in order. The headers will be placed in the correct order as well. Behind the scenes, tables are actually replaced with the stacked version -- by passing a specific class name to the plugin responsive layouts can be supported.