To find out more, read the sections below. Of course, you could just download Standardista Table Sorting right now and give it a play yourself!
The codebase has been tested across a large number of web browsers, and in the few that won’t allow the sorting to occur, the module degrades gracefully. In these cases the original table is not altered in any way, shape or form.
Sorting a column in an eight column, one hundred row, table takes on average between 100 and 200 milliSeconds in my testing. That’s just a tenth of a second for a bigger table than you’re often likely to put on a webpage.
It knows about different data types.
Standardista Table Sorting was first released in February 2006, and is based on Stuart Langridge’s “sorttable” code. Specifically, the determineSortFunction, sortCaseInsensitive, sortDate, sortNumeric, and sortCurrency functions are heavily based on his code. This module would not have been possible without Stuart’s earlier outstanding work.
For a detailed list of changes to Standardista Table Sorting over time, please refer to the changelog
How to use Standardista Table Sorting
First, download the Standardista Table Sorting module.
Include the .js files in the HEAD of your webpage:
Make sure that the table you want to be sortable has a THEAD and a TBODY.
Give the table that wants to be able to be sorted the class “sortable”.
Load the page, and you’ll be able to sort the table by clicking on its headers!
Extended Pointers for using Standardista Table Sorting
Every table that you want users to be able to sort must contain a THEAD and a TBODY section. If you’re using tables for displaying data, this is just good practice anyway. If you aren’t, then it’s not a huge hardship to wrap your heading row in a THEAD and your data rows in a TBODY, is it?
If you have more than one row in your THEAD then the last row will be the one that receives the links which the user can use to sort the table.
If you want to leave a row (or more) of data sitting statically at the bottom of the table, then put it in a TFOOT section. Remember, the TFOOT should come between the THEAD and the TBODY in your HTML source.