合并两行的表排序器

Question

具有组合行的 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>

Answer 1

所以我不确定这有多少记录，但我找到了我认为您在表对象中寻找的内容。

看看 这个 fiddle

看起来你可以添加一个 expand-child 类。或者你可以传入你自己的类名

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

Answer 2

我们有同样的问题并找到了解决方法。我传递了在第二行设置的类名。只需添加以下代码之一：

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

或

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

Answer 3

我正在使用数据表，看看是否对您有帮助

示例： http://datatables.net/examples/