Collection of free jQuery filter and sort examples and plugins

Welcome to our collection of jQuery code examples! In this carefully curated compilation, we have gathered a wide array of code snippets that demonstrate the power and versatility of the jQuery library.

Filter-Table JQuery Plugin

Author:
Novelja Korac | January 18, 2020
Made with:
HTML / CSS / JS

About a code

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
Isotope

Isotope

Author:
David DeSandro | October 2, 2010
Made with:
8762 stars320 watchers

About a code

Filter & sort magical layouts.

jQuery Dynatable

jQuery Dynatable

Author:
Alfa Jango, LLC | December 5, 2011
Made with:
2665 stars134 watchers

About a code

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

Quicksand

Author:
Jacek Galanciak | February 10, 2010
Made with:
1930 stars63 watchers

About a code

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

Filtrify.js

Filtrify.js

Author:
Luis Almeida | March 20, 2012
Made with:
658 stars43 watchers

About a code

Beautiful advanced tag filtering with HTML5 and jQuery.

jPList - jQuery Data Grid Controls

jPList - jQuery Data Grid Controls

Author:
1rosehip | June 4, 2014
Made with:
417 stars52 watchers

About a code

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

Author:
Yiotis Kaltsikis | February 24, 2016
Made with:
264 stars19 watchers

About a code

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

Sieve jQuery Plugin

Sieve jQuery Plugin

Author:
Ryan McGeary | February 25, 2013
Made with:
145 stars17 watchers

About a code

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

jQuery Tagsort Plugin

jQuery Tagsort Plugin

Author:
Will Haering | August 12, 2015
Made with:
73 stars10 watchers

About a code

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

ColumnFilterWidgets

ColumnFilterWidgets

Author:
Dylan Kuhn | April 30, 2011
Made with:
61 stars14 watchers

About a code

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

Multifilter

Author:
Tommy Palmer | August 24, 2013
Made with:
51 stars7 watchers

About a code

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

instaFilta

instaFilta

Author:
Andreas Weber | August 6, 2014
Made with:
39 stars6 watchers

About a code

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

About a code

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

jQuery.sdFilterMe

Author:
Steve David | August 5, 2015
Made with:
34 stars2 watchers

About a code

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

Filters

Filters

Author:
Ohad Perry | Juky 6, 2015
Made with:
26 stars4 watchers

About a code

jQuery filters rending out of the box for backoffice use.

Excel Bootstrap Table Filter jQuery Plugin

Excel Bootstrap Table Filter jQuery Plugin

Author:
chestercharles | June 13, 2017
Made with:
9 stars4 watchers

About a code

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

jQuery Filter Data

jQuery Filter Data

Author:
Md. Abu Ahsan Basir | February 14, 2017
Made with:
2 stars0 watchers

About a code

Filter data with jQuery animation.

Discover Our Extensive Snippet Library

This heading suggests that your website provides a wide variety of snippets across different technologies, encouraging users to explore and use these resources for their development projects.

HTML Snippets.

Explore a collection of HTML snippets designed to streamline your web development process. From basic structures to complex elements.

CSS Snippets.

Discover powerful CSS snippets that help you style your web pages with ease. Whether you need layout solutions, animations

JavaScript Snippets.

Enhance your website's interactivity with our JavaScript snippets. From DOM manipulation to advanced algorithms

Bootstrap Snippets.

Leverage the power of Bootstrap with our collection of snippets. Quickly integrate responsive design components

Tailwind Snippets.

Speed up your development process with Tailwind CSS snippets. These utility-first CSS snippets enable you to

jQuery Snippets.

Simplify your JavaScript development with jQuery snippets. Easily perform common tasks like event handling, animations

React Snippets.

Build robust, component-based user interfaces with our React snippets. From state management to lifecycle methods,

Vue Snippets.

Streamline Vue.js development with our collection of snippets for creating components, managing state, and handling events.

Ready to set your Brand ablaze?

Let's craft a visual identity that ignites passion and loyalty. ✨