带行跨的排序表

Question

是否有一种方法可以对具有多行宽度的表进行排序？我在这个jsFiddle中尝试了一个插件，但是似乎年龄没有得到正确的排序。有没有一种方法可以对带有行跨度的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
  } ]
});