15 jQuery Filter And Sort Examples

Isotope

Filter & sort magical layouts.

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.

Quicksand

jQuery plugin. Reorder and filter items with a nice shuffling animation.

Filtrify.js

Beautiful advanced tag filtering with HTML5 and jQuery.

jPList - jQuery Data Grid Controls

jPList jQuery data grid controls is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (divs, ul/li, tables, etc).

Filterizr

Filterizr is a jQuery plugin that sorts, shuffles and applies stunning filters over responsive galleries using CSS3 transitions and custom CSS effects.

• Small filesize with compact functionality (~20kb)
• Thoroughly documented and easy to use
• Performs great on mobile
• Written in ES6
• Tested with Jest

Sieve jQuery Plugin

Sieve is a jQuery plugin allows you to quickly add an interactive search filter to any block of content.

jQuery Tagsort Plugin

A plugin that uses HTML5 data attributes to dynamically create interactive tags that can be used to filter a set of tagged elements.

ColumnFilterWidgets

This is an add-on for the DataTables plugin for jQuery that creates filtering widgets based on the data in table columns. Widgets are grouped in a layout element, independent of source columns. Multiple selections can be made for a column, and other widgets adjust to reflect the results. Multiple values can be parsed from a single table cell using a delimiter (like a comma). Selections can be grouped with the source dropdown, or all together in a common layout element. Selections can be removed individually.

Multifilter

A jQuery plugin to filter a table based on multiple inputs.

instaFilta

instaFilta does in-page filtering and has absolutely nothing to do with Instagram.

Imagine that you have a web page displaying a huge list of data. It might be hard for the user to scan through all that data to find the thing he/she is interested in. instaFilta is a jQuery plugin that uses the input of a text field to perform in-page filtering, hiding non-matching items as the user types. Optionally, it can also filter out complete sections (groups of items) if there are no matching items in that section. If you don't use sections, you don't need to do anything special, it will work fine without specifying so.

jQuery.sdFilterMe

Another simple light-weight jQuery plugin to easily filter and order portfolio, articles, gallery, etc.

• Filtering and sorting options available
• Supports unlimited number of elements
• Animation and CSS customizable
• Boxes are href-able

Filters

jQuery filters rending out of the box for backoffice use.

Excel Bootstrap Table Filter jQuery Plugin

A jQuery plugin to generate an excel-flavored table-filter.

jQuery Filter Data

Filter data with jQuery animation.