Table with sortable columns.

Add the .tablesorter class to the table tag will make the table headers sortable. For ergonomic reaseons, you need to initiate the table with a default sorted row by including the folowing script, you can also put a text just before the table to inform the user that headers are sortable. More informations about tablesorter options (External link)

{% highlight js %} $(document).ready(function() { $("#myTable").tablesorter({ sortList: [[0,1]] }); }); {% endhighlight %}

Calls received
date triable	number triable	place called triable	call class triable	duration triable	cost triable
08/10/12	447765896321	BT Freefone	talk	0:05:40	0.214
09/10/12	447765896321	BT Freefone	talk	0:19:09	0.158
10/10/12	447765896322	Free	talk	0:10:06	0.089
11/10/12	447765896324	Orange	SMS	-	0.10

{% highlight html %}

Calls received
date triable	number triable	place called triable	call class triable	duration triable	cost triable
08/10/12	447765896321	BT Freefone	talk	0:05:40	0.214
09/10/12	447765896321	BT Freefone	talk	0:19:09	0.158
10/10/12	447765896322	Free	talk	0:10:06	0.089
11/10/12	447765896324	Orange	SMS	-	0.10

{% endhighlight %}

Table sorter