jquery tablesorter的“粘滞行”

时间:2014-05-12 13:53:53

标签: javascript jquery tablesorter

我在我的项目中使用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>

并保持旧的分类工作。

那是meens,我需要tablesorter来忽略具有cell1.4和cell1.5的行(依次使用下一个偶数行),对表中未被忽略的行进行排序,然后将适当的忽略行追加到适当的行中未被忽略的行(以便具有单元格1.4和1.5的行始终跟随具有cell1.1的行)。在其他世界中,我想要将单元格1.4和1.5的行粘贴到前一行,依此类推。为此,我需要找到标记行所需功能的方法(使用tablesorter参数或使用属性)。

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

1 个答案:

答案 0 :(得分:2)

听起来你在问孩子行(demo)。要在tablesorter中使这个工作,只需添加类名&#34; tablesorter-childRow&#34;到任何将附加到其上方行的行。

<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>