JS Sortable Table: Make HTML tables sortable with clickable headers

Recommend this page to a friend!
  Info   View files Example   Demos   Screenshots Screenshots   View files View files (5)   DownloadInstall with Composer Download .zip   Reputation   Support forum (3)   Blog    
Ratings Unique User Downloads Download Rankings
StarStarStarStar 79%Total: 323 All time: 136 This week: 4Up
Version License JavaScript version Categories
sortable-table 2.2GNU General Publi...1.1HTML, jQuery, Utilities and Tools
Description Author

This object can make any HTML table sortable using clickable headers.

It takes a given HTML table element and adds clickable arrow elements to the table headers. Table headers with the noSort class are excluded.

The object can sort the table rows in the ascending or descending order depending on the sort arrow that the user clicks.

The table may also be sorted programatically without requiring the users to click on the headers or even initializing the table by putting on the clickable arrow elements explicitly.

Innovation Award
JavaScript Programming Innovation award nominee
April 2015
Number 2


Prize: One downloadable e-book of choice by O'Reilly
HTML tables are useful to display listings of records as a grid of rows and columns.

This object can change any table on a Web page, so it allows the user to sort the table by the values of any column when the user clicks on sorting arrow buttons that the object adds to the table.

Manuel Lemos
Picture of Jackson Knowlton
  Performance   Level  
Name: Jackson Knowlton <contact>
Classes: 4 packages by
Country: United States United States
Age: 24
All time rank: 536 in United States United States
Week rank: 6 Up2 in United States United States Up
Innovation award
Innovation award
Nominee: 3x

Winner: 1x

Screenshots  
  • Screenshot
  • Screenshot_2
  Files folder image Files  
File Role Description
Files folder imageexamples (2 files)
Plain text file SortableTable.class.js Class Class source
Accessible without login Plain text file SortableTable.docs.js Doc. Documentation for SortableTable class
Accessible without login Plain text file sortableTable.css Data CSS file

  Files folder image Files  /  examples  
File Role Description
  Accessible without login Plain text file Example1.html Example Basic Usage
  Accessible without login Plain text file Example2.html Example Uses the more complex functions of sortableTable

 Version Control Unique User Downloads Download Rankings  
 0%
Total:323
This week:0
All time:136
This week:4Up
User Ratings User Comments (2)
 All time
Utility:100%StarStarStarStarStarStar
Consistency:100%StarStarStarStarStarStar
Documentation:91%StarStarStarStarStar
Examples:100%StarStarStarStarStarStar
Tests:-
Videos:-
Overall:79%StarStarStarStar
Rank:2
 
very nice code
5 years ago (Superluk)
77%StarStarStarStar
Nice docs
7 years ago (Matthew Knowlton)
80%StarStarStarStarStar