用sorttable给页面表格做排序

项目中用到了页面排序，在网上找了找，觉得还是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>后面的空白行了吧，这样就实现了只统计有数据的行，具体实例见附件。

 

本文出自 “博客即日起停止更新” 博客，谢绝转载！