Collection Of jQuery Plugins For Filtering And Sorting Items

Collection Of jQuery Plugins For Filtering And Sorting Items 1

Table of Contents

One can easily take control of orders, placement and organization of his web pages or table elements with the help of jQuery filter and sort plugins. Moreover, if someone wants to offer a more dynamic and user friendly design, he can use plugins with drag-able controls.

Keeping this in mind, here we are presenting a vast collection of useful jQuery filter and sort plugins. Such type of sorting and filtering plugins are extremely useful for the websites that have large datasets for instance, table view, list views such as for a portfolio page.
Below, you will find some useful plugins to manage your table views and list views with. We hope that you will like this collection and find these plugins useful for you. Feel free to share your opinions with us via comment section below. Enjoy!

MixItUp

( Demo | Download )

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!

Collection Of jQuery Plugins For Filtering And Sorting Items 2

jQuery Plugin For Sorting and Filtering Html Lists – listplus

( Demo | Download )

Listplus is a lightweight jQuery UI widget based on jQuery library that enables you to sort, group, and filter an html list on client side.

Collection Of jQuery Plugins For Filtering And Sorting Items 3

Minimal jQuery Table Sorter and Filter Plugin – table.js

( Demo | Download )

table.js is a super simple yet useful jQuery plugin for sorting, filtering and formatting your html tables.

Collection Of jQuery Plugins For Filtering And Sorting Items 4

Filtrify

( Demo | Download )

Filtrify is an advanced tag filtering plugin, inspired by Chosen multiple select feature and Orman Clark’s Vertical Navigation Menu. Advanced because you can search tags within tags and filter items by multiple tags from different categories and get a live feedback on the number of items containing related tags.

Collection Of jQuery Plugins For Filtering And Sorting Items 5

Ingrid

( Demo | Download )

Datagrids don’t have to be difficult to use anymore – say hi to Ingrid. Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables. It’s easy to get started.

Collection Of jQuery Plugins For Filtering And Sorting Items 6

Sortable Lists Using jQuery UI

( Demo | Download )

Sortable Lists Using jQuery UI.

Collection Of jQuery Plugins For Filtering And Sorting Items 7

PicNet

( Demo | Download )

The PicNet Table Filter is used in production in several PicNet projects so it has been tested production ready. The table filter was born out of our Visual Analytics (Mouse Eye Tracking) project and has received great feedback.

Collection Of jQuery Plugins For Filtering And Sorting Items 8

ColumnManager

( Demo | Download )

A jQuery-plugin to toggle the visibility of table columns (collapsing and expanding them) and to save the state until the next visit. It’s supporting tables with colspans and rowspans, too!

Collection Of jQuery Plugins For Filtering And Sorting Items 9

Filtering Blocks

( Demo | Download )

Collection Of jQuery Plugins For Filtering And Sorting Items 10

Animated table sort (REGEXP friendly)

( Demo | Download )

This plugin allows you to animatedly sort a table based on a column’s td’s, or on the content/value of a child/descendant element within those td’s. The various td’s fly to their new homes, giving a nice effect. It also supports sorting on REGEXP matches. You can also control whether row relationships are maintained, whether it sorts on ascii or numeric and ascending or descending.

Collection Of jQuery Plugins For Filtering And Sorting Items 11

Using jQuery To Manipulate and Filter Data

( Demo | Download )

When a webpage is designed to display large tables of data, a great amount of consideration should be dedicated to allowing the user to sort through the data in a structured manner. In this article, I will go over four techniques: hover effects, zebra rows, filtering, and sorting.

Collection Of jQuery Plugins For Filtering And Sorting Items 12

Flexigrid

( Demo | Download )

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.

Collection Of jQuery Plugins For Filtering And Sorting Items 13

Drag & Drop Sortable Lists

( Demo | Download )

Drag & Drop Sortable Lists with JavaScript and CSS.

Collection Of jQuery Plugins For Filtering And Sorting Items 14

TinySort

( Demo | Download )

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.

Collection Of jQuery Plugins For Filtering And Sorting Items 15

Table Sorter

( Demo | Download )

Flexible client-side table sorting.

Collection Of jQuery Plugins For Filtering And Sorting Items 16

Quicksand

( Demo | Download )

Reorder and filter items with a nice shuffling animation.

Collection Of jQuery Plugins For Filtering And Sorting Items 17

ISOTOPE

( Demo | Download )

An exquisite jQuery plugin for magical layouts.

Collection Of jQuery Plugins For Filtering And Sorting Items 18

CHOSEN

( Demo | Download )

Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.

Collection Of jQuery Plugins For Filtering And Sorting Items 19

Sortable

( Demo | Download )

Reorder elements in a list or grid using the mouse.

Collection Of jQuery Plugins For Filtering And Sorting Items 20

Creating a “Filterable” Portfolio with jQuery

( Demo | Download )

If you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break them into different categories. In this tutorial, I will show you how to make “filtering by category” a little more interesting with just a little bit of jQuery.

Collection Of jQuery Plugins For Filtering And Sorting Items 21

jQuery plugin

( Demo | Download )

Table Drag and Drop JQuery plugin.

Collection Of jQuery Plugins For Filtering And Sorting Items 22

Dragtable

( Demo | Download )

Visually reorder all your table columns.

Collection Of jQuery Plugins For Filtering And Sorting Items 23

Powerful jQuery Data Table Column Filter Plugin – yadcf

( Demo | Download )

yadcf is yet another data table column filter plugin for jQuery that integrates with jQuery DataTables Plugin to make your data tables sortable, filterable and searchable. With this plugin, you can add various types of filters to each column of your data table.

Collection Of jQuery Plugins For Filtering And Sorting Items 24

Nreco

( Demo | Download )

jSquared is a jQuery plugin for UI like in Google Squared.

Collection Of jQuery Plugins For Filtering And Sorting Items 25

jQuery Interface Elements

( Demo | Download )

Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery.

Collection Of jQuery Plugins For Filtering And Sorting Items 26

Premium Plugins:

SortTables Responsive

( Demo )

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

Collection Of jQuery Plugins For Filtering And Sorting Items 27

tQuery – Dynamic tables

( Demo )

tQuery Tables is an easy to implement, lightweight Jquery script that makes tables dynamic on the fly.

Collection Of jQuery Plugins For Filtering And Sorting Items 28

Simple Content Sorting

( Demo )

Quickly allow your users to access the information that they are looking for with Simple Content Sorting! This plugin creates a simple sorter for your content. 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 its all done with javascript.

Collection Of jQuery Plugins For Filtering And Sorting Items 29

jSorted – a plugin for sorting things

( Demo )

This plugin allows to sort an unordered list or a table using a value (number or date) attached to each item in ascending or descending order. It can be used for live data charts, sports widgets, news tickers, html5 games and a lot more. It’s very easy to customize!

Collection Of jQuery Plugins For Filtering And Sorting Items 30

jQuery jPList Plugin

( Demo )

jPList is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (DIVs, UL/LI, tables, etc).

Collection Of jQuery Plugins For Filtering And Sorting Items 31

SearchBox

( Demo )

SearchBox is a jQuery plugin that allows you to have reach search controls with filters on your pages (similar to GMail and Google Docs).

Collection Of jQuery Plugins For Filtering And Sorting Items 32

Tonic Gallery – jQuery XML Portfolio Gallery

( Demo )

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.

Collection Of jQuery Plugins For Filtering And Sorting Items 33

JQuery Table

( Demo )

This is plugin of jQuery, to help create the table very simple.

Collection Of jQuery Plugins For Filtering And Sorting Items 34

jQuery Simple Content Sorting Plus Plugin

( Demo )

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 its all done with javascript.

Collection Of jQuery Plugins For Filtering And Sorting Items 35

Beautiful Data

( Demo )

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.

Collection Of jQuery Plugins For Filtering And Sorting Items 36

SmashingApps.com participates in various affiliate marketing programs and especially Amazon Services LLC Associates Program, which means we may get paid commissions on editorially chosen products purchased through our links to any of the linked sites from us.