Tablesorter demo
All options included, as well as the uitheme widget
by Mottie
HTML
<link rel="stylesheet" href="http://mottie.github.com/tablesorter/css/blue/style.css">
<script src="http://mottie.github.com/tablesorter/js/jquery.tablesorter.js"></script>
<script src="http://mottie.github.com/tablesorter/js/jquery.tablesorter.widgets.js"></script>
<table id="myTable" class="stripeMe sample" width="100%" cellpadding="0" cellspacing="0">
<thead>
<th width="30%" align="left">COMPANY</th><th width="35%">DESCRIPTION</th><th width="17%" align="left">INDUSTRY</th><th width="18%" align="left">EXIT DATE</th></tr></thead>
<tbody>
<tr><td width="30%"> <a href="http://www.cartera.com/vesdia.html "> Cartera Commerce, Inc.</a> </td>
<td width="35%">Provides technology-enabled marketing and loyalty solutions
</td><td width="17%"> Financials </td><td width="18%"> Feb 2010 </td></tr><tr><td width="30%"> <a href="http://www.criticalinfonet.com/ "> Critical Information Network, LLC</a> </td>
<td width="35%">Operates library of industrial professional training and certification materials
</td><td width="17%"> Education </td><td width="18%">Active</td></tr><tr><td width="30%"> <a href="http://www.cynergydata.com/ "> Cynergydata</a> </td>
<td width="35%">Provides merchant payment processing services and related software products
</td><td width="17%"> Merchant Processing </td><td width="18%">May 2011 </td></tr><tr> <td width="30%"> <a href=" "> EVCI Career Colleges Holding Corp</a> </td>
<td width="35%">Operates post-secondary schools
</td><td width="17%"> Education </td><td width="18%"> Jul 2012 </td></tr><tr><td width="30%"> <a href="http://www.groundlink.com/ "> Groundlink, Inc.</a> </td>
<td width="35%">Provides ground transportation services domestically and internationally
</td><td width="17%"> Transportation </td><td width="18%"> Feb 2012 </td></tr><tr><td width="30%"> <a href="http://www.haggen.com/ "> Haggen, Inc.</a> </td>
<td width="35%">Operates chain of...
JavaScript
var today = new Date().getTime();
$.tablesorter.addParser({
id: 'monthYear',
is: function(s) {
return false;
},
format: function(s) {
// remove extra spacing
s = $.trim(s.replace(/\s+/g, ' '));
// process date
var date = s.match(/^(\w{3})[ ](\d{4})$/),
m = date ? date[1] + ' 1 ' || '' : '',
y = date && date[2] ? date[2] || '' : '';
return /active/i.test(s) ? today : new Date(m + y).getTime() || '';
},
type: 'Numeric'
});
$('#myTable').tablesorter({
headers: {
3: {
sorter: 'monthYear'
}
}
});