Multifilter is a jQuery plugin to let you filter a table based on multiple inputs.Check it out below demo.It’s pretty sweet.
Best jQuery Sorting Plugins & Tutorials with Demo
Open JS Grid : Easiest jQuery Grid
OpenJS Grid is the easiest jQuery Grid ever. With very little work you can have a data grid that can do everything from sorting and searching to complex database queries. Best of all, its open source. So you can learn how it’s all done.
OpenJS Grid provides a super easy / powerful way to give customers access to data. I do all the database work for you, so you don’t have to figure out searching and sorting, as well as give you cool stuff like events and cell types so you can customize to fit your need. And now with Stylus and Bootstrap, you can easily restyle the grid to your liking.
jQuery Dynatable : HTML5+JSON interactive Table plugin
Dynatable is a funner, semantic, interactive table plugin using jQuery, HTML5, and JSON.
Dynatable does three things:
- Normalize: It normalizes an HTML table into an array of JSON objects, where each JSON object (or record) corresponds to a row in the table.
- Operations: It sorts, filters, and paginates the JSON collection.
- Rendering: It renders the resulting collection from the operations back to the table.
Shuffle.js : jQuery Shuffle Plugin
The Shuffle.js plugin that helps in categorizing, sorting, and filtering a responsive grid of items and laying out a group of items. Besides other cool features its a performant, responsive, and fast plugin.
This is a large improvement to shuffle. Most notably, the ability for masonry layouts. Other additions include adding/removing items, enabling/disabling, multiple instances on a page, and more!
MixItUp : A CSS3 and jQuery Filter & Sort Plugin
MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It’s perfect for portfolios, galleries, blogs, or any categorized or ordered content!
MixItUp uses jQuery to decide which elements to hide, show or re-position based on your filters, and then applies the power of CSS3 transitions to smoothly animate these elements to their new locations. It’s an extremely efficient approach that makes the most of your modern browser’s rendering power, and avoids more resource-heavy approaches involving jQuery .animate() and position: absolute.
