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

时间:2017-07-10 13:49:13

标签: jquery twitter-bootstrap dom visibility

使用BootGrid,您可以使用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和用户设置为data-visible =&#34; False&#34;他们的价值观无法进入。 使用data-visible =&#34; false&#34;似乎使这些领域完全不存在。我需要能够访问这些值。

1 个答案:

答案 0 :(得分:2)

有两个数据参数:header-css-class和css-class,其用法在我阅读的文档中没有很好地解释。 我设置了两个带display:none的类,我把它命名为“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>

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