Demo
| First Name |
Last Name |
Age |
Total |
Discount |
Date |
| Peter |
Parker |
28 |
$9.99 |
20% |
Jul 6, 2006 8:14 AM |
| John |
Hood |
33 |
$19.99 |
25% |
Dec 10, 2002 5:14 AM |
| Clark |
Kent |
18 |
$15.89 |
44% |
Jan 12, 2003 11:14 AM |
| Bruce |
Almighty |
45 |
$153.19 |
44% |
Jan 18, 2001 9:12 AM |
| Bruce |
Evans |
22 |
$13.19 |
11% |
Jan 18, 2007 9:12 AM |
Javascript
CSS
/* jQuery UI Theme required css; as seen in css/ui/style.css file */
table.tablesorter {
font-family: arial;
margin: 10px 0pt 15px;
font-size: 8pt;
width: 100%;
text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
border-collapse: collapse;
font-size: 8pt;
padding: 4px;
}
table.tablesorter thead tr .header {
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.tablesorter tbody td {
padding: 4px;
vertical-align: top;
}
table.tablesorter .header .ui-theme {
display: block;
float: right;
}
HTML