Demo
First Name |
Last Name |
Age |
Total |
Discount |
Diff |
Peter |
Parker |
28 |
9.99 |
20.3% |
+3.0 |
John |
Hood |
33 |
19.99 |
25.1% |
-7 |
Clark |
Kent |
18 |
15.89 |
44.2% |
-15 |
Bruce |
Almighty |
45 |
153.19 |
44% |
+19 |
Bruce |
Evans |
56 |
153.19 |
23% |
+9 |
Javascript
$(document).ready(function() {
// call the tablesorter plugin
$("table").tablesorter();
});
HTML
<table cellspacing="1" class="tablesorter">
<thead>>
<tr>
<th>first name</th>
<th>last name</th>
<th>age</th>
<th>total</th>
<th>discount</th>
<th>diff</th>
</tr>
</thead>
<tbody>
<tr>
<td>peter</td>
<td>parker</td>
<td>28</td>
<td>9.99</td>
<td>20.3%</td>
<td>+3.0</td>
</tr>
<tr>
<td>john</td>
<td>hood</td>
<td>33</td>
<td>19.99</td>
<td>25.1%</td>
<td>-7</td>
</tr>
<tr>
<td>clark</td>
<td>kent</td>
<td>18</td>
<td>15.89</td>
<td>44.2%</td>
<td>-15</td>
</tr>
<tr>
<td>bruce</td>
<td>almighty</td>
<td>45</td>
<td>153.19</td>
<td>44%</td>
<td>+19</td>
</tr>
<tr>
<td>bruce</td>
<td>evans</td>
<td>56</td>
<td>153.19</td>
<td>23%</td>
<td>+9</td>
</tr>
</tbody>
</table>