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

所以我不确定这是多少记录，但我发现我认为你在表对象中寻找的东西。

查看this fiddle

您似乎可以添加expand-child类。或者你可以传入你自己的班级名称

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

Answer 2

我们遇到了同样的问题并找到了解决方法。我传递了我在第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/

表格分拣机，两行组合

3 个答案: