项目中用到了页面排序,在网上找了找,觉得还是sorttable好用,具体使用方法大家可以参考附件中的js,在使用的过程中发现了一个问题得注意一下,默认的代码是没有说明的,在对表格数据进行排序的时候,如果表格中有空白行,按照js中的说法去做,空白行也是参与排序的,为了不让空白行参与排序要注意源码中的
- <tfoot></tfoot>
将空白行加在这行代码后面,就可以使空白行不再参与数据比较了
- <table class="dt1 sortable scrolltable table_1" rowclass=",bg1" border="0" cellpadding="0" cellspacing="0" autosortcol="3">
- <tr class="th1">
- <th class="w1 bd0 column_sortable">名称</th>
- <th class="w2 column_sortable">代码</th>
- <th class="w3 column_sortable">银行</th>
- <th class="w4 column_sortable">价格1<br><em>(元)</em></th>
- <th class="w5 column_sortable">价格2<br><em>(元)</em></th>
- <th class="w6 sorttable_nosort">利息<br><em>(元)</em></th>
- <th class="w7 column_sortable">价格3<br><em>(元)</em></th>
- <th class="w8 column_sortable">价格4<br><em>(元)</em></th>
- <th class="w9 sorttable_nosort">期限<br><em>(年)</em></th>
- <th class="w10 column_sortable">涨跌<br><em>(%)</em></th>
- </tr>
- <tr class="ln">
- <td class="w1 txl bd0">08券25</td>
- <td class="w2 txc">080025</td>
- <td class="w3">南京银行</td>
- <td class="w4">96.36</td>
- <td class="w5">97.99</td>
- <td class="w6">0.67</td>
- </tr>
- <tfoot></tfoot><tr class="ln">
- <td class="w1 txl bd0"></td>
- <td class="w2 txc"></td>
- <td class="w3"></td>
- <td class="w4"></td>
- <td class="w5"></td>
- <td class="w6"></td>
- <td class="w7"></td>
- <td class="w8"></td>
- <td class="w9"></td>
- <td class="w10"></td>
- </tr></table>
看到<tfoot></tfoot>后面的空白行了吧,这样就实现了只统计有数据的行,具体实例见附件。
转载于:https://blog.51cto.com/sucre/522430