用sorttable给页面表格做排序

项目中用到了页面排序，在网上找了找，觉得还是sorttable好用，具体使用方法大家可以参考附件中的js，在使用的过程中发现了一个问题得注意一下，默认的代码是没有说明的，在对表格数据进行排序的时候，如果表格中有空白行，按照js中的说法去做，空白行也是参与排序的，为了不让空白行参与排序要注意源码中的

1. <tfoot></tfoot> 

将空白行加在这行代码后面，就可以使空白行不再参与数据比较了

1. <table class="dt1 sortable scrolltable table_1" rowclass=",bg1" border="0" cellpadding="0" cellspacing="0" autosortcol="3"> 
2.     <tr class="th1"> 
3.         <th class="w1 bd0 column_sortable">名称</th> 
4.         <th class="w2 column_sortable">代码</th> 
5.         <th class="w3 column_sortable">银行</th> 
6.         <th class="w4 column_sortable">价格1<br><em>(元)</em></th> 
7.         <th class="w5 column_sortable">价格2<br><em>(元)</em></th> 
8.         <th class="w6 sorttable_nosort">利息<br><em>(元)</em></th> 
9.         <th class="w7 column_sortable">价格3<br><em>(元)</em></th> 
10.         <th class="w8 column_sortable">价格4<br><em>(元)</em></th> 
11.         <th class="w9 sorttable_nosort">期限<br><em>(年)</em></th> 
12.         <th class="w10 column_sortable">涨跌<br><em>(%)</em></th> 
13.     </tr> 
14.       
15.     <tr class="ln"> 
16.     <td class="w1 txl bd0">08券25</td> 
17.     <td class="w2 txc">080025</td> 
18.     <td class="w3">南京银行</td> 
19.     <td class="w4">96.36</td> 
20.     <td class="w5">97.99</td> 
21.     <td class="w6">0.67</td> 
22.     </tr>     
23.       
24.     <tfoot></tfoot><tr class="ln"> 
25.     <td class="w1 txl bd0"></td> 
26.     <td class="w2 txc"></td> 
27.     <td class="w3"></td> 
28.     <td class="w4"></td> 
29.     <td class="w5"></td> 
30.     <td class="w6"></td> 
31.     <td class="w7"></td> 
32.     <td class="w8"></td> 
33.     <td class="w9"></td> 
34.     <td class="w10"></td> 
35.     </tr></table> 

看到<tfoot></tfoot>后面的空白行了吧，这样就实现了只统计有数据的行，具体实例见附件。

本文转自sucre03 51CTO博客，原文链接：http://blog.51cto.com/sucre/522430，如需转载请自行联系原作者