jQuery Sort Plugins 15 of the Best

Sam Deering
Tweet

Sorting is very useful if you have large data sets such as table views, however you can also use it for managing list views e.g. for a portfolio page. In this post we are presenting to you a quick list of 15 very handy jQuery Sort plugins. By using sort plugins you will be able to have a great control over the order, placement and organization of your page / or table elements. Have fun!

Related Posts:

1. Sortable Lists using jQuery UI

There are 2 jQuery plugins that allow elements to be sorted. These are the jQuery Interface plugin and jQuery UI and this tutorial use the latter and also provide a solution for saving the lists.


Sortable Lists using jQuery UI

Source Demo

2. jQuery jPList Plugin

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


jQuery jPList

Source

3. jQuery Simple Content Sorting Plus Plugin

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.


Simple Content Sorting Plus

Source Demo

4. jQuey ui Sortable

Enable a group of DOM elements to be sortable.


jQuey ui Sortable

Source + Demo

5. jQuery Interface Elements

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


jQuery Interface Elements

Source Demo

6. TinySort

TinySort is a small and simple jQuery plugin that will sort any nodetype by its text- or attribute value, or by that of one of its children.


TinySort

Source + Demo

7. JSquared

This plugin allows you to organize advanced search user interface like in Google Squared.


JSquared

Source + Demo

8. Animated table sort (REGEXP friendly)

This plugin allows you to animatedly sort a table based on a column’s s, or on the content/value of a child/descendant element within those s. The various s fly to their new homes, giving a nice effect.


Animated table sort

Source + Demo

9. Table Sorter

A jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell.


Table Sorter

Source Demo

10. JQuery Table

This is a simple jQuery plugin, to help create sortable table layouts of your data.


JQuery Table

Source Demo

11. jSorted – a plugin for sorting things

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.


jSorted

Source Demo

12. Simple Content Sorting

This plugin allows you to sort your content in a clean and easy interface equipped with pagination feature. No page loading happens as the sorting takes place since it’s all done with JavaScript.


Simple Content Sorting

Source Demo

13. 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.


Beautiful Data

Source Demo

14. jQuery columnManager plugin

A jQuery-plugin to toggle the visibility of table columns (collapsing and expanding them) and to save the state until the next visit.


columnManager plugin

Source Demo

15. Drag & Drop Sortable Lists with JavaScript and CSS

This is a collection of Direct Manipulation examples that work in modern browsers. Each example is a proof of concept.


Drag & Drop Sortable Lists

Source + Demo

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.