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>

在此表上应用表分类器后，它未正确排序。只有在单击第一个和第二个标题时才能对表进行排序。我试图使Tablesorter 2.0.3 colspan issue的解决方案适应我的问题，但在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>

JQuery：如果tbody与theader不对应，则表示如何对表进行排序

1 个答案: