tablesort.js 前两行排序无效的问题。

一个不知道什么版本的tablesort.js，引用之后点击排序前两行排序无效，不动，后面的排序又是正常的

经过两天的查找，发现是因为没有tfoot标签，然后最奇怪的是里面必须要有两个tr标签，我也不知道为什么，少一个会导致有一行不动。

注释掉tfoot标签之后，怎么点前面两行都不动

 加上之后，可以正常排序，不知道什么原因，有懂的可以评论说一下

代码如下

<table class="edit myTable" id="myTable">
        <thead>
            <tr class="th">
                <th class="head" style="cursor: pointer;">医院th>
                <th class="SortDescCss" style="cursor: pointer;">网络增幅th>
                <th class="head" style="cursor: pointer;">网络今约th>
                <th class="head" style="cursor: pointer;">网络今预th>
                <th class="head" style="cursor: pointer;">网络今到th>
                <th class="NormalCss" style="cursor: pointer;">网络月到th>
                <th class="head" style="cursor: pointer;">网络同比th>
                <th class="head" style="cursor: pointer;">网络上月到th>
                <th class="head" style="cursor: pointer;">信息流今到th>
                <th class="head" style="cursor: pointer;">信息流本月th>
                <th class="head" style="cursor: pointer;">信息流上月th>
                <th class="head" style="cursor: pointer;">电商今到th>
                <th class="head" style="cursor: pointer;">电商本月th>
                <th class="head" style="cursor: pointer;">电商上月th>
                <th class="head" style="cursor: pointer;">新媒体今到th>
                <th class="head" style="cursor: pointer;">新媒体本月th>
                <th class="head" style="cursor: pointer;">新媒体上月th>
            tr>
        thead>
        <tbody>
        <tr>
                <td style="color:#FF8040;font-weight:bold;">1td>
                <td style="color: rgb(48, 181, 48);">43td>
                <td>6td>
                <td>11td>
                <td>0td>
                <td>277td>
                <td>234td>
                <td>293td>
                <td>0td>
                <td>34td>
                <td>29td>
                <td>0td>
                <td>25td>
                <td>16td>
                <td>0td>
                <td>1td>
                <td>0td>
            tr><tr>
                <td style="color:#FF8040;font-weight:bold;">2td>
                <td style="color: rgb(48, 181, 48);">38td>
                <td>8td>
                <td>11td>
                <td>3td>
                <td>217td>
                <td>179td>
                <td>216td>
                <td>0td>
                <td>18td>
                <td>18td>
                <td>0td>
                <td>14td>
                <td>15td>
                <td>0td>
                <td>1td>
                <td>0td>
            tr><tr>
                <td style="color:#FF8040;font-weight:bold;">3td>
                <td style="color: rgb(48, 181, 48);">19td>
                <td>3td>
                <td>9td>
                <td>1td>
                <td>198td>
                <td>179td>
                <td>224td>
                <td>0td>
                <td>31td>
                <td>30td>
                <td>0td>
                <td>34td>
                <td>23td>
                <td>0td>
                <td>0td>
                <td>0td>
            tr><tr>
                <td style="color:#FF8040;font-weight:bold;">4td>
                <td style="color: rgb(233, 47, 47);">-2td>
                <td>5td>
                <td>7td>
                <td>2td>
                <td>120td>
                <td>122td>
                <td>151td>
                <td>0td>
                <td>4td>
                <td>4td>
                <td>0td>
                <td>12td>
                <td>18td>
                <td>0td>
                <td>2td>
                <td>2td>
            tr><tr>
                <td style="color:#FF8040;font-weight:bold;">5td>
                <td style="color: rgb(233, 47, 47);">-15td>
                <td>7td>
                <td>19td>
                <td>5td>
                <td>475td>
                <td>490td>
                <td>590td>
                <td>0td>
                <td>32td>
                <td>28td>
                <td>0td>
                <td>23td>
                <td>25td>
                <td>0td>
                <td>3td>
                <td>4td>
            tr><tr>
                <td style="color:#FF8040;font-weight:bold;">6td>
                <td style="color: rgb(233, 47, 47);">-27td>
                <td>3td>
                <td>13td>
                <td>5td>
                <td>224td>
                <td>251td>
                <td>295td>
                <td>0td>
                <td>46td>
                <td>50td>
                <td>0td>
                <td>46td>
                <td>35td>
                <td>0td>
                <td>2td>
                <td>0td>
            tr><tr>
                <td style="color:#FF8040;font-weight:bold;">7td>
                <td style="color: rgb(233, 47, 47);">-48td>
                <td>6td>
                <td>13td>
                <td>4td>
                <td>266td>
                <td>314td>
                <td>360td>
                <td>0td>
                <td>33td>
                <td>37td>
                <td>1td>
                <td>48td>
                <td>38td>
                <td>0td>
                <td>6td>
                <td>0td>
            tr>tbody>
        
        <tfoot>
            <tr>tr>
            <tr>tr>
        tfoot>
    table>


<script>
window.onload = function(){
    new TableSorter("myTable");

    $('tbody tr').each(function(){
        var text = $(this).children().eq(1).html();
        if(text.match(/-/g)){
            $(this).children().eq(1).css('color','#e92f2f');
        }else{
            $(this).children().eq(1).css('color','#30b530');
        }
    });
}

$("#myTable tbody tr").click(function(){
    $(this).css('background','#d8d8d8').siblings().css('background','');
})

script>

 这是对应的jq包跟tablesort.js

链接：https://pan.baidu.com/s/1q7i_Ji42ZDMKPn7Yl6IGCQ
提取码：2u37

搜索

复制