Tablesorter demo
All options included, as well as the uitheme widget
by Mottie
HTML
<link rel="stylesheet" href="https://mottie.github.io/tablesorter/css/theme.blue.css">
<link rel="stylesheet" href="https://mottie.github.io/tablesorter/css/theme.dark.css">
<link rel="stylesheet" href="https://mottie.github.io/tablesorter/css/theme.default.css">
<link rel="stylesheet" href="https://mottie.github.io/tablesorter/css/theme.dropbox.css">
<link rel="stylesheet" href="https://mottie.github.io/tablesorter/css/theme.green.css">
<link rel="stylesheet" href="https://mottie.github.io/tablesorter/css/theme.grey.css">
<link rel="stylesheet" href="https://mottie.github.io/tablesorter/css/theme.ice.css">
<link rel="stylesheet" href="https://mottie.github.io/tablesorter/css/theme.black-ice.css">
<link rel="stylesheet" href="https://mottie.github.io/tablesorter/css/theme.bootstrap.css">
<link rel="stylesheet" href="https://mottie.github.io/tablesorter/addons/pager/jquery.tablesorter.pager.css">
<script src="https://mottie.github.io/tablesorter/js/jquery.tablesorter.js"></script>
<script src="https://mottie.github.io/tablesorter/js/jquery.tablesorter.widgets.js"></script>
<script src="https://mottie.github.io/tablesorter/addons/pager/jquery.tablesorter.pager.js"></script>
<table class="tablesorter">
<thead>
<tr><th class="sorter-shortDate">Date</th></tr>
</thead>
<tbody>
<tr><td>2009-02-12 08:44:33.0</td></tr>
<tr><td>2009-02-12 08:14:33.0</td></tr>
<tr><td>2009-02-12 08:24:33.0</td></tr>
<tr><td>2009-02-12 08:24:13.0</td></tr>
<tr><td>2009-02-12 06:14:10.0</td></tr>
<tr><td>2009-02-12 06:14:00.0</td></tr>
<tr><td>2009-02-13 08:24:00.0</td></tr>
<tr><td>2009-02-11 08:24:33.0</td></tr>
<tr><td>2009-02-12 08:33:00.0</td></tr>
<tr><td>2009-02-10 08:00:00.0</td></tr>
<tr><td>2009-02-14 08:00:00.0</td></tr>
<tr><td>2009-02-12 07:44:11.0</td></tr>
<tr><td>2009-02-10 10:11:12.0</td></tr>
</tbody>
</table>
JavaScript
/* Documentation for this tablesorter FORK can be found at
* http://mottie.github.io/tablesorter/docs/
*/
$.tablesorter.regex.shortDateReplace = /-/g;
$(function() {
$('table').tablesorter({
theme: 'blue',
dateFormat: 'yyyymmdd'
});
});