1

我一直在查看有关分组的Datatables 文档,但我认为这不是我想要的。

在此处输入图像描述

我有一张有两组柱子的桌子。一半左一半右。左侧的行与右侧的行相关,因此左侧的一行可以与右侧的许多行相关。

我不会对表格的右侧半边使用任何排序选项,但我想为左侧的选项添加此选项。

问题是左侧的行数仍然与右侧的行数相同,但其中一些是空的。( <td></td>) 以显示左侧行与右侧行之间的关系。

现在,如果我按左侧的一列排序,则使用 Datatables 插件的默认排序,它将考虑空行并对其进行排序,而且我将失去表格左侧和右侧之间的关系.

是否有任何可能的解决方案可以使用任何 Datatables 选项来解决这个问题?

4

1 回答 1

0

最后我解决了。

起初,我查看了 DataTables 的Grouping Add-on,但它在排序和过滤方面效果不佳,因此我决定以另一种方式进行。

每一行都会有数据。如果它是一个组,那么它将被复制,但它会被一个具体的 CSS 样式隐藏。

像这样,用户会看到“组”,过滤和排序将照常工作。

在搜索过滤的情况下,使用 jQuery,我再次显示每组的第一行(以防搜索返回隐藏的半行)

于 2013-02-08T15:03:44.510 回答