table sorter

by Terrance Smith

HTML

<script src="http://autobahn.tablesorter.com/jquery.tablesorter.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/swanky-purse/jquery-ui.css">
<table class="tablesorter" id="myTable"><thead>
<tr>      <th>Last Name</th>      <th>First Name</th>      <th>Email</th>      <th>Due</th>      <th>Web Site</th>  </tr>
</thead>  <tbody>
<tr>      <td>Smith</td>      <td>John</td>      <td>[email protected]</td>      <td>$50.00</td>      <td>http://www.jsmith.com</td>  </tr>
<tr>      <td>Bach</td>      <td>Frank</td>      <td>[email protected]</td>      <td>$50.00</td>      <td>http://www.frank.com</td>  </tr>
<tr>      <td>Doe</td>      <td>Jason</td>      <td>[email protected]</td>      <td>$100.00</td>      <td>http://www.jdoe.com</td>  </tr>
<tr>      <td>Conway</td>      <td>Tim</td>      <td>[email protected]</td>      <td>$50.00</td>      <td>http://www.timconway.com</td>  </tr>
</tbody>  </table>

JavaScript

$(document).ready(function() {
    $('#myTable').dataTable({
        "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]],
        "iDisplayLength": -1,
        "bJQueryUI": true,
        "bStateSave": true,
        "aaSorting": [[0, "desc"]]
    });
});