Table Sorting is a curtesy of WebFX
See Original Here

[Tell A Friend]

Sample

Just click at the table headers to sort by that column

What do I need to use this

You need to download tablesort.js file and include it by adding the following line to your document HEAD:

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

You also need to organise your table into a table head and a table body and add the onclick handler to the table tag. The table should look like this:

<table onclick="sortColumn(event)">
<thead>
	<tr>...</tr>
	...
</thead>
<tbody>
	<tr>...</tr>
	...
</tbody>
</table>

You don't need to include a special CSS file but I recomend that you do it anyway because that the arrow should use the webdings font. Download tablesort.css and add the following line to the HEAD:

<link rel="STYLESHEET" type="text/css" href="tablesort.css">

What's next

Defining the sort
Manipulating the DOM tree
Demo and instructions how to use it in your pages
Sorting with behaviors