Icontem

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 (2)   Blog    
Last Updated Ratings Unique User Downloads Download Rankings
2015-07-23 (2 years ago) RSS 2.0 feedStarStarStarStar 79%Total: 275 All time: 157 This week: 11Up
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
  Performance   Level  
Name: Jackson Knowlton <contact>
Classes: 4 packages by
Country: United States United States

Level 2 StarStar

 Innovation award
Innovation award
Nominee: 3x

Winner: 1x

  Example 1External page   Example 2External page  

Open in a separate window

Open in a separate window

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

Downloadsortable-table-2015-07-23.zip 25KB
Downloadsortable-table-2015-07-23.tar.gz 24KB
Install with ComposerInstall with Composer
 Version Control Unique User Downloads Download Rankings  
 0%
Total:275
This week:0
All time:157
This week:11Up
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:3
 
very nice code
5 months ago (Superluk)		77%StarStarStarStar
Nice docs
2 years ago (Matthew Knowlton)		80%StarStarStarStarStar
 

  Applications that use this package  
CodePen Usage
Demonstrates usage on codepen.io

Add link image If you know an application of this package, send a message to the author to add a link here.