jQuery BootGrid - 使用 data-visible="false" 隐藏列从 DOM 中移除

Question

使用 BootGrid，您可以通过在第 th 列定义中使用 data-visible="false" 来隐藏列。这会产生一个问题，因为它似乎将其从 DOM 中删除，而不是仅仅隐藏该列。列（前两个不显示）

<tr>
    <th data-column-id="id" data-type="numeric" data-identifier="true" data-visible="false">ID</th>
    <th data-column-id="User" data-visible="false">User</th>
    <th data-column-id="Title">Title</th>
    <th data-column-id="Description">Description</th>
    <th data-column-id="Expire" data-formatter="expire" data-sortable="true">Expire</th>
    <th data-column-id="commands" data-formatter="commands" data-sortable="false">Commands</th>
</tr>

问题 ID 和 User 设置为 data-visible="False" 时，它们的值不可访问。使用 data-visible="false" 似乎使这些字段完全不存在。我需要能够访问这些值。

Answer 1

有两个数据参数：header-css-class和css-class，我阅读的文档中没有很好地解释其用法。我用 display:none 设置了两个 classes，我将其命名为 "Hidecolhead" 和 HideCol"。然后，在我不想在网格中显示的列（ID 和用户）中，我有

<th data-column-id="ID" data-header-css-class="HideColHead" data-css-class="HideCol">ID</th>
<th data-column-id="User" data-header-css-class="HideColHead" data-css-class="HideCol">User</th>

这些行列中的值现在可用。

jQuery BootGrid - 使用 data-visible="false" 隐藏列从 DOM 中移除

jQuery BootGrid - Hiding columns with data-visible="false" removes from DOM

jquery

dom

visibility

twitter-bootstrap