TableSorter 过滤多个子行和 TBody

Question

场景

使用 TableSorter (FORK) 2.18.3 jQuery 2.1.1

我使用了将行表示为“tablesorter-childRow”并将 tbody 元素定义为“tablesorter-no-sort”条目的组合。这种组合允许我按标题对子数据详细信息行进行排序。并将它们维护在相应的“标题”行下。

我遇到了两个问题：

问题 1：如果我将详细数据行定义为父“标题”行的子项（这是我想要的）。详细数据行不再可排序。有没有办法在不失去排序能力的情况下将行定义为子行？我相信问题源于每个详细数据行都是其上方行的子行。而不是父级“标题”行的子级。

问题 2：当我尝试过滤时。 “标题”（父）和“详细”行（除非我将定义设置为“tablesorter-childRows”，在这种情况下它们仍然存在但无法排序）消失，但每个父条目的数据摘要和详细页脚行仍然存在。

我是否正在尝试做一些 TableSorter 标签无法做到的事情？

[注意：我很抱歉我不能发布代码。但基本上我想要一个具有多个子行的父行，其中一些是动态创建的，其余的是静态的。当我排序时，我希望子行也被排序。当我过滤时，我希望根据过滤器是否匹配来显示/隐藏整个行块。]

表结构

---

<table>

  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
      <th>Header 3</th>
    </tr>
  </thead>

  [BEGIN:LOOP]
  <tr>
    <td colspan="3">Title</td>
  </tr>
  <tr>
    <td>SubHeading1</td>
    <td>SubHeading2</td>
    <td>SubHeading3</td>
  </tr>

  <tbody>
  [BEGIN:SUB-LOOP]
  <tr>
    <td>Data Detail 1</td>
    <td>Data Detail 2</td>
    <td>Data Detail 3</td>
  </tr>
  [END:SUB-LOOP]
  </tbody>

   <tr>
    <td>Data Summary 1</td>
    <td>Data Summary 2</td>
    <td>Data Summary 3</td>
  </tr>

  <tr>
    <td colspan="3">Detail Footer</td>
  </tr>

  [END:LOOP]

  <tbody class="tablesorter-no-sort",">
  <tfoot>
  <tr>
    <td colspan="3">Table Footer</td>
  </tr>
  </tfoot>
  </tbody>

</table>

Answer 1

目前，tablesorter 的 fork 不支持对子行的内容进行排序；但this branch 确实支持分层排序。请参阅this pull request 了解更多信息。

Here is a demo.