jquery - JQuery：tablesorter如果tbody与theader不对应，如何对表进行排序

Question

我的问题与此类似：Tablesorter 2.0.3 colspan issue，但我的表的结构是：

<table id="myTable">
<theader>
    <tr>  
        <th>Reference</th>
        <th>Description</th>
        <th>State</th>
        <th>Description</th>            
    </tr>
</theader>
<tbody>
    <tr>
        <td colspan="2">111</td>            
        <td colspan="2">Ok</td>
    </tr>        
</tbody>

​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​</p>

在此表上应用表排序器后，它没有正确排序。只有单击第一个和第二个标题才能对表格进行排序。我尝试将Tablesorter 2.0.3 colspan 问题的解决方案调整为我的问题，但在 jquery 插件内部出现错误。

但如果单击第一个和第三个标题，则应进行排序。另外，我尝试做的是启用和禁用标头，例如：

$("#myTable").tablesorter({
            headers: { 
                  0: { 
                      sorter: true
                  },
                  1: { 
                      sorter: false
                  },
                  2: { 
                      sorter: true
                  },
                  3: { 
                      sorter: false
                  },
});

有人可以帮我吗？谢谢

Answer 1

将问题标题合并到一个单元格中。

<table id="myTable">
 <theader>
    <tr>  
        <th colspan='2'>Reference / Description</th>
        <th colspan='2'><div>State / Description</th>            
    </tr>
 </theader>
 <tbody>
    <tr>
        <td colspan="2">111</td>            
        <td colspan="2">Ok</td>
    </tr>        
 </tbody>