Question

方案

使用TableSorter（FORK）2.18.3 jQuery 2.1.1

我使用了表示行的组合作为＆＃34; tablesorter-childRow＆＃34;并将tbody元素定义为＆＃34; tablesorter-no-sort＆＃34;条目。这种组合允许我按标题对子数据细节行进行排序。并将其保留在相应的标题下＃34;行。

我遇到两个问题：

问题1：如果我将详细数据行定义为父级＆＃34;标题＆＃34;的子级。行（这是我想要的）。详细数据行不再可排序。有没有办法将行定义为子节点而不会失去排序能力？我认为这个问题源于每个细节数据行都是它上面的行的子行。而不是孩子的父母＆＃34;标题＆＃34;行。

问题2：当我尝试过滤时。＆＃34;标题＆＃34; （父母）和＆＃34;细节＆＃34;行（除非我将define定义为＆＃34; tablesorter-childRows＆＃34;在这种情况下它们保留但无法进行分类）消失但数据摘要和详细信息页脚行仍保留在每个父条目中。

我试图做一些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

TableSorter过滤多个子行和TBody

1 个答案: