Table sorting JavaScript

Unobtrusive and with alternating row colors

Ramon Eijkemans pointed me to a script written by Stuart Langridge. This unobtrusive table sorting script was awesome, offering sort mechanisms for text, numbers, dates and currencies, by simply adding an external script to a page and a class to a table!

However, it lacked a few things, most importantly: support for alternated row classes. Working on it more, I found there were a few bugs to it too. So I started adapting it. At first there were just a few changes. Now more and more e-mails with feature requests are coming in, and I have started versioning my table sorting script.

Example table

Click on the headings to sort the table.

Numbers Alphabet Dates Currency Unsortable
1 Z 02-02-2004 €5.00 This
2 y 13-apr-2005 Row
3 X 17.aug.2006 €6.50 Is
4 w 01.Jan.2005 €4.20 Unsortable
5 V 05/12/2006 €7.15 See?
15 €29.55


Quick start guide to sorting your tables

To get this script working, download the script, and add it to the head section of your webpage like this:

<script type="text/javascript" src="sortable.js"></script>

Then add class="sortable" and an id, for instance id="sortabletable" to the table you want to sort, and you’re all done.

If you need more info, go to the tutorial.

License and download for the sortable table script

Sortable table

The table sorting javascript is MIT licensed, so feel free to use it.

As of version 1.2.1, a European and an American version are available for download, to make it easier for people to start using it with the right date sorting method. Download it here:

4 Responses to Table sorting JavaScript

Check out our must read articles about Analytics