Flashuser

  • Pin It

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).

jquery-filter-plugin-jplist

VIEW DETAILS

Editable Ajax Data Grid With Multiple Color

jquery-filter-plugin-data-grid

VIEW DETAILS

jQuery Sort and Order Portfolio Plugin

jquery-filter-plugin-portfolio

VIEW DETAILS

SortTables Responsive

Sort Responsive Table including: sorting script adds search, column averages and totals, record numbering, a view all function, and a reset function.

jquery-filter-plugin-responsive

VIEW DETAILS

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.

jquery-filter-plugin-sort-list

VIEW DETAILS

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.

jquery-filter-plugin-dynamic-tables

VIEW DETAILS

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.

jquery-filter-plugin-data-grid2

VIEW DETAILS

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.

jquery-filter-plugin-gallery

VIEW DETAILS

MixItUp

MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content.

jquery-filter-plugin-mixitup

VIEW DETAILS

Isotope

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.

jquery-filter-plugin-isotope

VIEW DETAILS

Quicksand

Reorder and filter items with a nice shuffling animation.

jquery-filter-plugin-quicksand

VIEW DETAILS

Advanced Tables

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.

jquery-filter-plugin-advanced-table

VIEW DETAILS

Filters

Filters is a jQuery plugin that allows to filter items using custom animation.

jquery-filter-plugin-filters

VIEW DETAILS

TinySort

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.

jquery-filter-plugin-tiny-sort

VIEW DETAILS

Filtrify

Beautiful advanced tag filtering with HTML5 and jQuery.

jquery-filter-plugin-filtrify

VIEW DETAILS

Filtering Blocks

jquery-filter-plugin-blocks

VIEW DETAILS

TableSorter

TableSorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes.

jquery-filter-plugin-table-sorter

VIEW DETAILS

jQuery Sortable

Sorts any items in any container. Fully supports nested containers.

jquery-filter-plugin-sortable

VIEW DETAILS

Flexigrid

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.

jquery-filter-plugin-flexigrid

VIEW DETAILS

Ingrid

Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.

jquery-filter-plugin-ingrid

VIEW DETAILS

HTML5 Sortable

HTML5 Sortable is a jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API.

jquery-filter-plugin-html5-sortable

VIEW DETAILS

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.

jquery-filter-plugin-sorting-content

VIEW DETAILS

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-filter-plugin-portfolio-2

VIEW DETAILS

jQueryUI Sortable

jquery-filter-plugin-ui-sortable

VIEW DETAILS

jQuery Store Locator

jquery-filter-plugin-store-locator

VIEW DETAILS

jQuery Table

jquery-filter-plugin-table

VIEW DETAILS

Animated table sort

jquery-filter-plugin-animated-table

VIEW DETAILS

jExpand plugin

jExpand is ultra lightweight jQuery plugin that will make your tables expandable.

jquery-filter-plugin-expand

VIEW DETAILS

Using jQuery To Manipulate and Filter Data

jquery-filter-table-tut

VIEW DETAILS

jQuery Photo Gallery with Filters

jquery-photo-gallery

VIEW DETAILS

Author: Alin

Passionate about web and graphic design, photography and climbing. Follow me at Twitter , Facebook and Google+