sorttable对表格排序

/ 0评 / 0

本教程讲述了如何来实现对表格排序的,只需为你想要排序的表格添加一个名为“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