javascript - "Sticky rows"用于 jquery 表排序器

Question

我在我的项目中使用jquery tablesorter，现在我需要一些在该插件或任何子插件中找不到的功能。也许我使用了错误的术语，但我需要诸如“粘性行”之类的东西。 以前，我有非常标准的表格，例如

<table> 
<thead> 
<tr> 
<th>Head1</th> 
<th>Head2</th> 
<th>Head3</th> 
</tr> 
</thead>
<tbody> 
<tr>
<td>cell1.1</td>
<td>cell1.2</td>
<td>cell1.3</td>
</tr>
...
</tbody> 
</table>

和 tablesorter 配合得很好。

现在，我需要类似的东西:

<table> 
<thead> 
<tr> 
<th>Head1</th> 
<th>Head2</th> 
<th>Head3</th> 
</tr> 
</thead>
<tbody> 
<tr>
<td>cell1.1</td>
<td>cell1.2</td>
<td>cell1.3</td>
</tr>
<tr>
<td>cell1.4</td>
<td collspan="2">cell1.5</td>
</tr>
...
</tbody> 
</table>

并保持旧的排序工作。

这意味着，我需要 tablesorter 忽略包含 cell1.4 和 cell1.5 的行(等等接下来的偶数行)，对表中未忽略的行进行排序，然后将适当的忽略行添加到适当的行之前未忽略的行(以便单元格 1.4 和 1.5 的行始终位于单元格 1.1 的行之后)。在其他世界中，我希望单元格 1.4 和 1.5 的行坚持到上一行，依此类推。为此，我需要找到方法来标记所需功能的行(使用表排序器参数或属性)。

我在 tablesorter 文档中没有找到合适的功能。如何实现这一目标？

Answer 1

听起来您正在询问子行( demo )。要在 tablesorter 中实现此功能，只需将类名“tablesorter-childRow”添加到将附加到其上方行的任何行。

<tr>
    <td>cell1.1</td>
    <td>cell1.2</td>
    <td>cell1.3</td>
</tr>
<tr class="tablesorter-childRow">
    <td>cell1.4</td>
    <td collspan="2">cell1.5</td>
</tr>