使用 Datatables jquery 插件对关于组的行进行排序

Question

我一直在查看 Datatables documentation 关于分组的信息，但我认为这不是我想要的。

我有一张包含两组列的表格。一半左一半右。 左侧的行与右侧的行相关，因此左侧的一行可以与右侧的多行相关。

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

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

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

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

Answer 1

终于解决了。

起初我看了一下 DataTables 的 Grouping Add-on，但它在排序和过滤方面效果不佳，所以我决定换一种方式。

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

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

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