JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://mottie.github.com/tablesorter/docs/css/jq.css">
<link rel="stylesheet" href="http://mottie.github.com/tablesorter/css/theme.default.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://mottie.github.com/tablesorter/js/jquery.tablesorter.min.js"></script>
<script src="http://mottie.github.com/tablesorter/js/jquery.tablesorter.widgets.js"></script>
<div class="demo">
<h1><a href="https://github.com/Mottie/tablesorter">table<em>sorter</em></a></h1>
<p>By Christian Bach; github updates by <a href="https://github.com/Mottie/">Rob G</a><br>
<a href="docs/index.html">Complete docs included</a> (updated with missing docs from <a href="http://wowmotty.blogspot.com/2011/06/jquery-tablesorter-missing-docs.html">this blog post</a>)
</p>
<table class="tablesorter tablesorter-default">
<thead>
<tr class="tablesorter-headerRow">
<th data-column="0" class="tablesorter-header"><div class="tablesorter-header-inner">AlphaNumeric Sort<i class="tablesorter-icon"></i></div></th>
<th data-column="1" class="tablesorter-header tablesorter-headerSortUp primary"><div class="tablesorter-header-inner">Currency<i class="tablesorter-icon"></i></div></th>
<th data-column="2" class="tablesorter-header"><div class="tablesorter-header-inner">Alphabetical<i class="tablesorter-icon"></i></div></th>
<th data-column="3" class="tablesorter-header"><div class="tablesorter-header-inner">Sites<i class="tablesorter-icon"></i></div></th>
</tr>
</thead>
<tbody>
<tr class="odd"><td>abc 1</td><td class="primary">£234,10</td><td>Ox</td><td>http://www.yahoo.com</td></tr><tr class="even"><td>zyx 12</td><td...
JavaScript
$(function(){
$('table').tablesorter({
widgets : ['zebra', 'columns'],
usNumberFormat : false,
sortReset : true,
sortRestart : true
});
});