jQuery-bootgrid如何仅在Mobile和Tab中隐藏列

时间:2015-07-16 13:00:48

标签: jquery twitter-bootstrap jquery-plugins jquery-bootgrid

我想在Tab中隐藏数据列。 我提到Bootgrid Documentation

在列设置中,我找到了。

data-visible="false"

它也隐藏了PC中的数据列。我需要像

这样的东西
 .hidden-xs, .hidden-sm

1 个答案:

答案 0 :(得分:5)

有两个名为cssClassheaderCssClass的列设置完全符合您的要求。如果在列标题数据属性中设置hidden-xshidden-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>