在初始加载时隐藏嵌套 table

Question

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

我已经完成了嵌套的 table 场景，参考来自：

谢谢阿吉特

Answer 1

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

示例：

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

在你的 JavaScript:

$('table').show()

Answer 2

这在很大程度上取决于您设置 table 的方式，但是从示例中的 link 开始，您应该在创建后将样式显示设置为 "none" table 元素，这样它将开始隐藏。

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

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

在初始加载时隐藏嵌套 table

Hiding nested table on initial load

tabulator