首页 文章

表格分拣机,两行组合

提问于
浏览
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>

3 回答

  • 12

    我正在使用数据表,看一看,看看是否有帮助

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

  • 1

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

    看看this fiddle

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

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

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

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

    要么

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

相关问题