30 Easy jQuery Filter & Sort Plugins
Having a neat and ordered website is essential for ensuring a high quality user experience. Manually arranging page elements one by one is a time consuming task. Besides, you cannot achieve the same results in terms of aesthetics as if you were using jQuery filter and sort plugins.
These types of plugins make it easier for you to create a pleasant interface and an easy to surf web page at the same time. This article provides you a comprehensive list of 30 jQuery filter and sort plugins that you can download right away. Most of these plugins are constantly updated by their developers to fix bugs and to offer a smoother and more pleasant experience for both the site manager and the regular visitor.
Nevertheless, you have to first learn what to look for when you want to download a sort and filter plugin. The first question to ask is what kind of elements do you want to sort? Rich media elements or table data? Are you looking for a plugin which allows you to create a portfolio that visitors can easily browse? Or maybe what you need is a plugin that enables users to sort products according to name, price, brand, or other similar characteristics.
Once you have figured out what elements you want to sort, think about what sorting options you seek. Here, you may want a sorting based on letters or numbers, or you may look for filters that set broad categories like “Laptops”, “Tablets” and “PCs” in the case of an online tech shop. The secret to success is to choose a plugin that offers a wide range of filtering criteria. You never know when your needs change.
Next, decide whether and how much you are willing to pay for the plugin. There are developers who only offer a preview or a demo version. If you want to unlock all the features, they will charge you a fee.
All these being said, it’s time to browse through the next 30 jQuery filter and sort plugins to pick the one that best suits your needs.
jQuery jPList Plugin
jPList is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (DIVs, UL/LI, tables, etc).
Editable Ajax Data Grid With Multiple Color
jQuery Sort and Order Portfolio Plugin
Sort Responsive Table including: sorting script adds search, column averages and totals, record numbering, a view all function, and a reset function.
Drag and Drop Sortable Lists
Using Jquery, CSS, mySQL, Ajax and PHP this product will give you three examples for how to use and display sortable lists.
tQuery – Dynamic tables
tQuery makes simple HTML tables dynamic. The script combines power, flexibility and easiness. It offers great design customization, supports multiple formats for column sorting and make exporting and importing data easier.
Ajax Data Grid With Multiple Color
A data grid using ajax to load data, ability to sort each field, specify a field to search, pagination, and choose the number of record view per page.
Tonic Gallery – jQuery XML Portfolio Gallery
Tonic Gallery is a jQuery XML Portfolio Gallery that allows you to create very easily a portfolio gallery with some nice effects and flexible customization settings.
MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content.
Isotope is an amazing jQuery plugin that can hide and reveal item elements easily with jQuery selectors, re-order item elements with sorting and much more.
Reorder and filter items with a nice shuffling animation.
With this jQuery plugin you convert your flat html tables in nice datagrids in just a few seconds. The plugin will automaticly paginate your table and you can define a particular input field to use as search field for the table.
Filters is a jQuery plugin that allows to filter items using custom animation.
TinySort is a small and simple jQuery plugin that will sort any nodetype by it’s text- or attribute value, or by that of one of it’s children.
Beautiful advanced tag filtering with HTML5 and jQuery.
TableSorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes.
Sorts any items in any container. Fully supports nested containers.
Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.
Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.
HTML5 Sortable is a jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API.
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.
Creating a “Filterable” Portfolio with jQuery
In this tutorial, I will show you how to make “filtering by category” a little more interesting with just a little bit of jQuery.
jQuery Store Locator
Animated table sort
jExpand is ultra lightweight jQuery plugin that will make your tables expandable.