This will do it:
HTML
<!-- your table code -->
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="LINKTOPLUGIN.js">
<script>
$(document).ready(function () {
$("#myTable").tablesorter();
});
</script>
CSS
table.tablesorter {
font-family:arial;
background-color: #CDCDCD;
margin:10px 0pt 15px;
font-size: 12px;
width: 100%;
text-align:left;
}
table.tablesorter thead tr th {
background-color: #E6EEEE;
border: 1px solid #CCC;
font-size: 10px;
padding: 4px;
text-align:center;
vertical-align:middle;
}
table.tablesorter tbody td {
padding: 4px;
background-color: #FFF;
vertical-align: middle;
border: 1px solid #CCC;
}
table.tablesorter tbody tr:nth-child(odd) td {
background-color:yellow;
}
table.tablesorter thead tr .headerSortUp {
background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}