Top 20 jQuery Table Filter and Sort Plugins

Have you ever wanted your website’s tables to look different?

Using the jQuery filter and sort plugins below, you can sort your table data in a systematic and appealing manner.

1. Stupid-Table-Plugin


Developer: Joseph McCullough

Website: http://joequery.github.io/Stupid-Table-Plugin/

Key Features:

  • Lightweight yet highly customizable
  • Allows to create your own data types
  • Callback functions.
  • 4 built in data types
  • Supports 2 sorting direction
  • Allows to specify the data type using ‘data’ attributes

2. Shuffle


Developer: Glen Cheney

Website: https://vestride.github.io/Shuffle/

Key Features: 

  • Supports advanced filtering e.g., searching
  • Allows to categorize, sort, and filter a grid of items
  • Items can have multiple groups
  • Only one forced synchronous layout on init, sort, or filter
  • Mobile friendly

3. Table Sorter


Developer: Rob Garrison

Website: https://mottie.github.io/tablesorter/

Key Features: 

  • Allows to turn a standard HTML table into a sortable table
  • Supports multi-tbody sorting, multi-column alphanumeric sorting and filtering and Inline editing
  • Supports Bootstrap v2-4, ROWSPAN and COLSPAN on TH elements and jQuery 1.9+
  • Includes features e.g., alphanumeric sorting, pager callback functons, multiple widgets providing column styling, ui theme application, sticky headers, column filters etc.
  • Table Sorter can parse and sort many types of data including linked data in a cell
  • Cross-browser support
  • Lightweight. Small code size.
  • Well documented

4. jQuery Sortable


Developer: Jonas von Andrian

Website: https://johnny.github.io/jquery-sortable/

Key Features: 

  • Connect lists
  • Supports nested containers
  • Pure drag/drop lists
  • It is lightweight
  • Allows to sort any items in any container
  • Supports vertical and horizontal sorting

5. DataTables


Developer: SpryMedia Ltd

Website: https://www.datatables.net/

Key Features: 

  • Multi-column ordering
  • Easily theme-able
  • Wide variety of extensions
  • Responsive
  • Supports pagination

6. HTML5 Sortable

Developer: Ali Farhadi

Website: http://farhadi.ir/projects/html5sortable/

Key Features: 

  • List and grid style layout support
  • Cross browser support. Works in IE 5.5+, Firefox 3.5+, Chrome 3+, Safari 3+, and Opera 12+
  • Lightweight (less than 1KB)
  • Built using HTML5 drag and drop API

7. jQuery DataTables

Developer: Luma Pictures

Website: http://jquery-datatables.meteor.com

Main Features: 

  • Multi-column sorting with data type detection
  • Variable length pagination
  • Scrolling options for table viewport
  • On-the-fly filtering
  • jQuery UI ThemeRoller support
  • Display data from almost any data source
  • Backed by a suite of 2900 unit tests

8. TinySort

Developer: Ron Valstar

Website: https://github.com/Sjeiti/TinySort

Key Features: 

  • Natural sorting
  • Smaller and faster and has no dependencies
  • The default sort sorts the text of each element
  • Allows to sort by value, sort by data and sort in ascending or descending order
  • Allows to provide an additional subselection by setting the selector option
  • Works on any nodeType
  • Also works on numbers
  • Non-latin characters
  • Multiple sort criteria

9. List.js

Developer: Jonny Strömberg

Website: http://listjs.com/

Key Features: 

  • Vanilla JavaScript that adds search, sort, filters and flexibility to plain HTML lists, tables etc.
  • Simple system that adds possibility to add, edit, remove items
  • Tiny, invisible and simple, yet powerful
  • Support for Chrome, Safari, Firefox, IE6+
  • Extremely easy configuration

10. Mixitup

Developer: Patrick Kunka

Website: https://www.kunkalabs.com/mixitup/

Key Features: 

  • Allows to filter, sort, add and remove DOM elements with beautiful animations
  • High-performance, dependency-free library
  • Compatible with inline-flow, percentages, media queries, flexbox and more
  • Plays nice with existing HTML and CSS

11. princeFilter

Developer: Luis Valle

Website: https://github.com/fictus/princeFilter

Key Features: 

  • Two modes available i.e., basic mode and SQL mode
  • Suitable for any kind of pricing data tables
  • Can be used on multiple tables at the same time

12. jTable

Developer: Halil İbrahim Kalkan

Website: http://www.jtable.org/

Key Features: 

  • Supports server side paging and server side sorting using AJAX
  • Allows user to select rows, resize columns and show/hide columns
  • Comes with pre-defined color themes
  • Creates HTML table automatically and loads records from server
  • Shows animations for create/delete/edit operations on the table
  • It is server side technology and platform independent
  • Works on all common browsers

13. JTPS

Developer: JIM PALMER

Website: http://www.overset.com/2008/08/30/animated-sortable-data-table-jquery-plugin–jtps/

Key Features: 

14. Columns

Developer: Michael Eisenbraun

Website: http://michaeleisenbraun.com/columns/

Key Features: 

  • Allows to create JSON data into HTML tables that are sortable and searchable
  • The changing how Columns builds the table is created can be manipulated by passing a object as a parameter during invocation

15. Watable

Developer: Andreas Petersson

Website: http://wootapa-watable.appspot.com/

Key Features: 

  • jQuery table plugin with sorting, paging, filtering options
  • Allows to filter, format, paginate and sort your data with ease and lightning speed

16. Quicksand

Developer: Jacek Galanciak

Website: https://razorjack.net/quicksand/

Key Features: 

  • Allows to reorder and filter items with a nice shuffling animation
  • No additional CSS is required for the plugin to work
  • jQuery 1.6.1+. jQuery 2 and jQuery 3 is fully supported
  • Cross browser compatible

17. Pour Over

Developer: The New York Times

Website: https://github.com/hhsnopek/pourover

Key Features: 

  • Allows simple, fast filtering and sorting of large collections in the browser
  • Options to union, intersect, and difference queries
  • Built around the ideal of simple queries that can be arbitrarily composed with each other
  • Additional features include collections that buffer their information periodically, views that page and cache, fast sorting, and much more.
  • Should work in all common browsers

18. Dropdown Free jQuery Table Filter

Developer: Rob Bayliss

Website: https://rbayliss.com/blog/jquery-dropdown-table-filter/

Key Features: 

  • A simple to use plugin that allows instant filtering and does not require a page reload
  • This plugin has been tested back to jQuery 1.2.6 and up to 1.4.2
  • This is especially sweet for Drupal

19. Grid Pro

Developer: BrickEvolution

Website: https://codecanyon.net/item/be_pro_grid-grid-with-sort-and-filter/17337747

Key Features: 

  • Displays given array in a table view and allows to sort and filter data of the table
  • Allows to do filtering by selecting a range of numbers or dates, or by choosing any option from data list
  • Includes pagination support, several types of data support, real-time data filtering and much more

20. Yet Another DataTables Column Filter Plugin

Developer: Daniel Reznick

Website: http://yadcf-showcase.appspot.com/

Key Features: 

  • Works on top of the DataTables jQuery plug-in
  • Multiple filter options
  • Various input options including elect input, multiple selection input, text input, autocomplete input, date input etc.
  • Range of numbers with slider widget
  • Multiple tables and custom CSS support
  • Support for addition of classes to filters and case sensitive filtering
  • Notable datatables API support

If you liked this post, please consider sharing it with your friends:

Pinterest

Leave a Comment