在初始加载时隐藏嵌套表

Question

我创建了一个嵌套表，单击单元格即可切换（显示/隐藏）。当我单击一个单元格时，它会隐藏，而当我再次单击时，它是可见的。此功能按预期运行完全正常。我有一个要求，在thr表的初始加载中，嵌套表应该隐藏，并且仅在单击Of cell时才可见。 我已经尝试过一些表回调，例如表构建和表构建函数（http://tabulator.info/docs/4.0/callbacks）来隐藏嵌套的一个，但是它不能按预期工作。请尽快帮助我。

我已经参考了Show/Hide or Toggle Nested Table Child In Tabulator

来完成嵌套表方案

谢谢 阿吉斯

Answer 1

这在很大程度上取决于您如何设置表格，但是从示例中的链接开始，您应该在创建表格元素后将样式显示设置为“无”，这样它将开始隐藏。

var tableEl = document.createElement("div");
tableEl.style.display = "none"; //start with table element hidden

在子表首次显示时，如果存在任何渲染问题，则可能需要在子表上调用 redraw 函数

Answer 2

您是否使用jQuery隐藏/显示表格？如果是这样，您可以在表元素上添加style="display:none"作为属性，这将导致它最初被隐藏。

示例：

<table style="display:none">
 ...

并在您的JavaScript中：

$('table').show()