Question

有没有办法对包含多个rowpans的表进行排序？我在这个jsFiddle中尝试了一个插件，但似乎年龄没有正确排序。有没有办法用rowpans对HTML表进行排序？我需要将这个表与rowspan一起排序。

HTML

<table cellspacing="1" class="tablesorter">
  <thead>
    <tr>
      <th>First Name</th>
      <th>Age</th>
      <th>Country</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Peter</td>
      <td>28</td>
      <td rowspan="2" style="vertical-align:middle">AAA</td>
    </tr>
    <tr class="expand-child">
      <td>John</td>
      <td>33</td>
    </tr>
    <tr>
      <td>Clark</td>
      <td>18</td>
      <td>BBB</td>
    </tr>

    <tr>
      <td>Bruce</td>
      <td>22</td>
      <td>CCC</td>
    </tr>
  </tbody>
</table>

JS

$('table').tablesorter();

Answer 1

它不喜欢你的“扩展孩子”课程。如果你删除它，那么它似乎排序很好。那班是做什么的？

Answer 2

使用数据表，它具有所有功能：https://datatables.net/

$('.tablesorter').DataTable( {
  "columnDefs": [ {
    "targets": [ 0, 2 ],
    "orderable": false
  } ]
});

用rowpans排序表

2 个答案: