在初始加载时隐藏嵌套表答案

【问题标题】：Hiding nested table on initial load在初始加载时隐藏嵌套表
【发布时间】：2020-02-05 19:06:32
【问题描述】：

我创建了一个嵌套表，单击单元格时它会被切换（显示/隐藏）。当我单击一个单元格时，它会隐藏，当我再次单击时它是可见的。此功能按预期工作得非常好。我有一个要求，在初始加载 thr 表时，嵌套表应该被隐藏，并且只有在单击单元格期间，它应该是可见的。我尝试了一些表回调，如建表和建表函数（http://tabulator.info/docs/4.0/callbacks）来隐藏嵌套的回调，但它没有按预期工作。请尽快帮助我。

我已经完成了嵌套表场景，参考来自：Show/Hide or Toggle Nested Table Child In Tabulator

谢谢阿吉特

【问题讨论】：

请提供minimal, complete, and verifiable example。
“我已经尝试了一些表回调来隐藏嵌套的回调” 您能否在问题中添加您的尝试？ “但它没有按预期工作” 很笼统，您的预期是什么，与预期有何不同？
是的，我已经用特定的回调函数更新了这个问题。

标签： tabulator

【解决方案1】：

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

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

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

【讨论】：

谢谢，我按照你的解释实现了，现在可以使用了。

【解决方案2】：

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

示例：

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

在你的 JavaScript 中：

$('table').show()

【讨论】：

我试过了，但它不起作用，因为这是从制表器创建的嵌套表。