jQuery filter and sort plugins allow you to control large set of items which can be numbers, datasets, content, list and table etc. This article shows some of the best and top jQuery Filter and Sort Plugins which are jam packed with some nifty features to give you complete control on datasets. These plugins come with filter animations, hiding and showing features, easy to implement and much more. So, without further ado, let’s dive in !
1. UniFilter
UniFilter jQuery plugin simplifies filtering, sorting and searching through a set of items that can be your online shop, a photo gallery or simply some set of items.
With UniFilter you can set up any number of filters, range sliders and search boxes. On the other hand, you can use only a single search box, while keep all other features disabled.
UniFilter works by reading params (tags) from “data-” attributes assigned to list items and then it manipulates DOM tree by changing item position and appearance depending on active filters, selected ranges, search queries and sorting options.
Demo & Download
2. jQuery Simple Content Sorting Plus Plugin
This plugin creates a simple content sorter for your content and allows you to control your content with pagination! Simple Content Sorting provides a clean and easy way to beautify your interface by providing a slick client side sorting mechanism. You heard correctly, no page loading happens as the sorting takes place since it’s all done with JavaScript.
Demo & Download
3. jQuery Sort and Order Portfolio
This is another nifty jQuery sort and filter plugin which easy to use and lightweight. This plugin has myriad of features like extendable filter and order buttons, 30+ animation transition style, CSS3 driven animation and many more.
Demo & Download
4. jQuery Dynatable
The purpose of Dynatable is to provide a simple, extensible API, which makes viewing and interacting with larger datasets easy. Dynatable provides a framework for implementing the most common elements out of the box, including sorting, searching and filtering.
Demo & Download
5. Magnet
Magnet is a vanilla JavaScript library and a jQuery plugin to create gapless, filterable and sortable layouts. Magnet now emits custom events, new methods that extend Magnet’s functionality, and more options for a deeper customization.
Demo & Download
6. DoFilter
DoFilter is a fully responsive multipurpose jQuery filter and sort plugin. Filtering can hide and show item elements with the filter option. Items that match that filter will be shown. DoFilter Responsive Isotope Multipurpose Filtering and Sorting can rearrange the order of item elements based on their data. Items that do not match will be hidden.
There are 50+ filter styles with 100% responsive design. Indeed, you will be able to showcase your content on mobile devices such as smart phones and tablets. It has many features like CSS3 and jQuery animations, single and multiple sorting and filtering.
Demo & Download
7. Simple Content Search
Simple Content Sorting plugin provides a clean and easy way to beautify your interface by providing a slick client side sorting mechanism. You heard correctly, no page loading happens as the sorting takes place since its all done with JavaScript.
Demo & Download
8. jQuery Sortable
jQuery Sortable is a flexible, opinionated filter and sort plugin. It enables items in a list (or table etc.) to be sorted horizontally and vertically using the mouse. Supports nested lists and pure drag/drop containers.
jQuery Sortable does not depend on jQuery UI and works well with Twitter’s Bootstrap (You can even sort the Bootstrap navigation).
Demo & Download
9. Beautiful Data
Beautiful Data is a great way to turn a boring HTML table into something that supports features like paging and sorting. This jQuery plugin can also access data from CSV and JSON just by specifying the source file.
This plugin easily integrates into any HTML page, search and filter tables are live without downloading delay, cross browser, DOM updates and have many other useful features.
Demo & Download
10. SortTables Responsive
SortTables Responsive plugin includes sorting script adds search, column averages and totals, record numbering, a view all function, and a reset function. Other features are alternate row highlighting, header class toggling, auto data type recognition, and selective column sorting.
Demo & Download
11. Isotope Gallery – Filter and Sorting
It is a simple and easy customizable Isotope Gallery plugin. It’s made with Bootstrap responsive design. It is solution for creating beautiful isotope gallery without customizing any JavaScript code. It has 10+ layout, lightbox gallery, image zoom effect gallery, image hover effect gallery, team profile gallery, product filter gallery, portfolio gallery, grid feature gallery and other lots of customization options and can be easily integrated to any website.
Demo & Download
12. MixItUp
MixItUp 3 is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox and more.
Demo & Download
13. Media Boxes Portfolio
Media Boxes Portfolio is a featured jQuery grid plugin that allows you to display all kind of content in a highly powerful grid. Use it for blog posts, display media, clients, portfolios, shopping carts, galleries and all you can imagine. it comes with a powerful filter, sorting and search system!
Demo & Download
14. jQuery Lazy Loader
JQuery Lazy Loader is the perfect plugin to display long pages of articles like a blog or the pictures of a gallery. The plugin is compatible with Isotope Plugin to display, filter & sort layouts.
Demo & Download
15. jsGrid
jsGrid is a lightweight client-side data grid control based on jQuery. It supports basic grid operations like inserting, filtering, editing, deleting, paging, and sorting. jsGrid is flexible and allows to customize its appearance and components.
Demo & Download