Question

有什么方法可以显示/隐藏GroupBy？我喜欢折叠或展开组的选项，但最好将折叠/展开/不分组作为3个选项。

如何添加按钮以显示/隐藏组？我应该在哪里放置代码来执行这样的功能？

Answer 1

将虚假值或什么都没有传递给tabulator.setGroupBy()会有效地禁用分组：

var tabulator = new Tabulator({});
var groupBy = tabulator.options.groupBy;

disableGroupButton.addEventListener('click', function() {
  tabulator.setGroupBy();
});

enableGroupButton.addEventListener('click', function() {
  tabulator.setGroupBy(groupBy);
});

要扩展/折叠组，您将需要：

expandGroupButton.addEventListener('click', function() {
  tabulator.setGroupStartOpen(true)
  tabulator.getGroups().forEach(x => x._group.show())
});

collapseGroupButton.addEventListener('click', function() {
  tabulator.setGroupStartOpen(false)
  tabulator.getGroups().forEach(x => x._group.hide())
});

请注意，当您有很多行组时，扩展/折叠组的性能可能会很差。

有关更多详细信息，请参见http://tabulator.info/docs/4.4/group。

Answer 2

您可以使用以下代码：

$("#show-all-group").click(function(){
    table.setGroupStartOpen(true);
});

文档：http://tabulator.info/docs/4.2/group

制表符显示/隐藏组

2 个答案: