本教程讲述了如何来实现对表格排序的,只需为你想要排序的表格添加一个名为“sortable ”的class ，就可以实现表格的排序功能
第一步: 调用sorttable.js
创建一个新的页面并在 <head>标签里面调用Sorttable.js:
<script src=“sorttable.js” type=“text/javascript”></script>
第二步: html代码和表格排序的设计
创建一个表格并且给表格指定一定Class属性“sortable”:
<table class=“sortable“> … </table>
如果在同一页面有多个表格，你可以把这个Class属性添加到所有你想进行排序效果的表格里面。 下面是一个普通表格的演示，包含表头，单元格等基本元素:
<table class=“sortable”>
<!– Table Header –>
<thead>
<tr>
<th>Company</th>
<th>Ticker</th>
</tr>
</thead>
<!– Tabel body–>
<tbody>
<tr>
<td>Apple Inc</td>
<td>AAPL</td>
</tr>
<tr>
<td>GoogleInc</td>
<td>GOOG</td>
</tr>
</tbody>
<!– Tabel footer–>
<tfoot>
<tr>
<td>Total</td>
<td> 00.00</td>
</tr>
</tfoot>
</table>
在上面这个代码示像中，当你点击”Company”或是”Ticker”时，下面的<tbody>标签 将进行排序。
下载地址：sorttable.js