Collection of free jQuery filter and sort code examples and plugins from Codepen and Github. Update of January 2018 collection. 1 new item.
Links
Made with
- HTML / CSS / JS
About a code
Filter-Table JQuery Plugin
Simple jQuery plugin for filtering table rows based on input (filter) value.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: filter-table.js

- 8762 stars
- 320 watchers
Isotope
Filter & sort magical layouts.

- 2665 stars
- 134 watchers
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.

- 1930 stars
- 63 watchers
Quicksand
jQuery plugin. Reorder and filter items with a nice shuffling animation.

- 658 stars
- 43 watchers
Filtrify.js
Beautiful advanced tag filtering with HTML5 and jQuery.

- 417 stars
- 52 watchers
jPList - jQuery Data Grid Controls
jPList jQuery data grid controls is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (div
s, ul
/li
, table
s, etc).

- 264 stars
- 19 watchers
Filterizr
Filterizr is a jQuery plugin that sorts, shuffles and applies stunning filters over responsive galleries using CSS3 transitions and custom CSS effects.
Features- Small filesize with compact functionality (~20kb)
- Thoroughly documented and easy to use
- Performs great on mobile
- Written in ES6
- Tested with Jest

- 145 stars
- 17 watchers
Sieve jQuery Plugin
Sieve is a jQuery plugin allows you to quickly add an interactive search filter to any block of content.

- 73 stars
- 10 watchers
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.

- 61 stars
- 14 watchers
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.

- 51 stars
- 7 watchers
Multifilter
A jQuery plugin to filter a table based on multiple inputs.

- 39 stars
- 6 watchers
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.

- 34 stars
- 2 watchers
jQuery.sdFilterMe
Another simple light-weight jQuery plugin to easily filter and order portfolio, articles, gallery, etc.
Features- Filtering and sorting options available
- Supports unlimited number of elements
- Animation and CSS customizable
- Boxes are href-able

- 26 stars
- 4 watchers
Filters
jQuery filters rending out of the box for backoffice use.

- 9 stars
- 4 watchers
Excel Bootstrap Table Filter jQuery Plugin
A jQuery plugin to generate an excel-flavored table-filter.

- 2 stars
- 0 watchers
jQuery Filter Data
Filter data with jQuery animation.