2017-07-10 60 views
0

使用BootGrid,您可以在第四列定义中使用data-visible =“false”来隐藏列。这会产生一个问题,而不是仅仅隐藏该列,而是将其从DOM中移除。 (初2不显示)jQuery BootGrid - 隐藏列

<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 =“false”似乎使这些字段完全不存在。我需要能够访问这些值。

+0

当然,和BootGrid一样受欢迎,我认为有人已经解决了这个问题,在我的书中,这是一个很大的代码设计缺陷。或者也许有人知道一个更好的jQuery网格结构,或者我应该咬下子弹写下我自己的? – RationalRabbit

回答

0

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

这些行列中的值现在可用