我想在Tab中隐藏数据列。 我提到Bootgrid Documentation。
在列设置中,我找到了。
data-visible="false"
它也隐藏了PC中的数据列。我需要像
这样的东西 .hidden-xs, .hidden-sm
答案 0 :(得分:5)
有两个名为cssClass
和headerCssClass
的列设置完全符合您的要求。如果在列标题数据属性中设置hidden-xs
和hidden-sm
类,则该列将隐藏在小型设备上。请注意,数据属性分别称为 data-css-class
和 data-header-css-class
。
<thead>
<tr>
<th data-column-id="id" data-visible="false">ID</th>
<th data-column-id="firstname">First Name</th>
<th data-column-id="lastname" data-order="asc">Last Name</th>
<th data-column-id="registerdate"
data-css-class="hidden-xs hidden-sm"
data-header-css-class="hidden-xs hidden-sm">Date</th>
</tr>
</thead>