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

Question

我想隐藏标签中的数据列。我提到了 Bootgrid Documentation.

在我找到的列设置中。

data-visible="false"

它也隐藏了PC中的数据栏。我需要类似

的东西

 .hidden-xs, .hidden-sm

Answer 1

有两个名为 cssClass 和 headerCssClass 的列设置，它们完全符合您的要求。如果您在列 header 数据属性中设置 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>

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

jQuery-bootgrid how to hide column only in Mobile and Tab

jquery

jquery-plugins

twitter-bootstrap

jquery-bootgrid