2011-09-29 45 views
4

合并行的jQuery表分类器合并两行的表分类器

每隔一行包含第一行的详细数据。默认情况下,它是用CSS隐藏的,但我可以用jQuery将它滑动打开。

我想什么来实现:表排序类似这样的jQuery插件:http://tablesorter.com/docs/

问题:插件应该“粘合起来”都对行,并把它们一起移动。排序只能使用第一行(.row-vm)的数据,而忽略第二行(.row-details)的内容。

有没有支持这个jQuery插件?

<tr class="row-vm"> 
    <td>...</td> 
    <td>...</td> 
... 
</tr> 
<tr class="row-details"> 
    <td colspan="6"> 
     Description data 
    </td> 
</tr> 
<tr class="row-vm"> 
    <td>...</td> 
    <td>...</td> 
... 
</tr> 
<tr class="row-details"> 
    <td colspan="6"> 
     Description data 
    </td> 
</tr> 

回答

12

,所以我不知道如何有据可查的,这是,但我发现我想你正在寻找表格对象。

退房this fiddle

看起来你可以添加expand-child类。或者你可以在自己的类名

$("table").tablesorter({ 
    cssChildRow: "row-details" 
}); 
+0

这应该是正确的答案,小提琴http://jsfiddle.net/q7VL3/真的回答了这个问题 –

+1

Mottie的的tablesorter更新从'expand-child'到'tablesorter-childRow'的默认类 – projeqht

1

通过我们有同样的问题,发现一个解决方法。我传递了我在第二行设置的类名。只需添加以下代码之一:

$(document).ready(function() 
    { 
     $("tableName/ID/classname").tablesorter({ 
      cssChildRow: "tableName/ID/classname" 
     }); 
    } 
); 

$("tableName/ID/classname").tablesorter({ 
    cssChildRow: "tableName/ID/classname" 
});