如何使用jquery仅对奇数行进行排序(并在相应的奇数行之后保持偶数行)?

时间:2012-11-26 22:11:00

标签: jquery tablesorter

我的表格包含基本信息的奇数行,甚至包含一些内容的行:

Title  Category  AnotherColumn

Title1 Category1 AnotherColumn1
Content1
Title2 Category2 AnotherColumn2
Content2
Title3 Category3 AnotherColumn3
Content3
Title4 Category4 AnotherColumn4
Content4

使用javascript显示/隐藏内容行,但现在我使用jQuery添加排序(使用http://tablesorter.com/docs/中的教程):

表:

<table id="myTable" class="tablesorter">
 <thead>
  <th>Title</th>
  <th> Category</th>
  <th>AnotherColumn</th>
 </thead>
 <tbody>
 {foreach over data, filling table}
  <tr class="odd">
   <td onclick="showContent($id)">$titles</td>
   <td>$categories</td> 
   <td>$anothercolumns</td>
  </tr>
  <tr id="$id" class="even" style="display: none;">
   <td colspan="3">$contents</td>
  </tr>
</tbody>

JS:

$(document).ready(function()
{
    $("#myTable").tablesorter();
);

但结果是所有行都被排序,所以当我显示内容时,比如Title2,它看起来像这样:

Title1 Category1 AnotherColumn1
Title2 Category2 AnotherColumn2
Title3 Category3 AnotherColumn3
Title4 Category4 AnotherColumn4
Content2

有没有办法解决这个问题?或者你有另外的想法如何插入这样的内容?
谢谢你的帮助。

0 个答案:

没有答案