Table sorter

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 %}