jquery tablesorter表头跨行排序问题

0 0

jquery tablesorter表头跨行排序问题0

大牛们好，我现在遇到tablesorter在表头跨行的情况下排序有问题，代码如下：

<script language="javascript" type="text/javascript">
$(document).ready(function(){

    $("#ss").tablesorter({
       headers:{
          0:{sorter:false},
          1:{sorter:false},
          2:{sorter:'text'},
          3:{sorter:'text'},
          4:{sorter:'text'},
          5:{sorter:'text'},
          6:{sorter:'digit'}
       }
    });
});
</script>

<table class="tablesorter" cellpadding="0" cellspacing="1" id="ss" >
    <thead id="newthead">
        <tr>
            <th rowspan="2">first name</th>
            <th colspan="2">other</th>
            <th rowspan="2">account</th>
            <th rowspan="2">discount</th>
            <th rowspan="2">date</th>
        </tr>
        <tr>
          <th>lastname</th>
            <th>age</th>
        </tr>
    </thead>
    <tbody id="ssbody">
        <tr>
            <td>peter</td>
            <td>parker</td>
            <td>28</td>
            <td>$9.99</td>
            <td>20%</td>
            <td>jul 6, 2006 8:14 am</td>
        </tr>
        <tr>
            <td>john</td>
            <td>hood</td>
            <td>33</td>
            <td>$19.99</td>
            <td>25%</td>
            <td>dec 10, 2002 5:14 am</td>
        </tr>
        <tr>
            <td>clark</td>
            <td>kent</td>
            <td>18</td>
            <td>$15.89</td>
            <td>44%</td>
            <td>jan 12, 2003 11:14 am</td>
        </tr>
        <tr>
            <td>bruce</td>
            <td>almighty</td>
            <td>45</td>
            <td>$153.19</td>
            <td>44%</td>
            <td>jan 18, 2001 9:12 am</td>
        </tr>
        <tr>
            <td>bruce</td>
            <td>evans</td>
            <td>22</td>
            <td>$13.19</td>
            <td>11%</td>
            <td>jan 18, 2007 9:12 am</td>
        </tr>
    </tbody>
</table>

表格生成后如下：

================================================================
                 |    other         |          |          |
firstname|------------------| account | discount | date
                 |lastname | age   |          |          |
================================================================

在点击age列时，没有反应，在上面的js中定义headers时age是排在第6个索引，是将表头分为两行，第一行5个元素，第2行2个元素，索引从0开始，那么age在第2行最末位就是6了，但是tablesorter在点击header进行排序的时候，好像并不是按行计算的。但是在指定哪些th要排序却是按行算的，纠结啊，请求大牛帮忙指导下。谢谢！