javascript - 在 bootgrid 中禁用 'hide' 功能

Question

我是 bootgrid 和 jquery 或 ajax 的新手。我找到了一个做 table(bootgrid) 的好插件，但我仍然无法理解里面的一些代码。
现在我想在顶部和右侧的下拉菜单中编辑一些东西，下拉菜单将显示 th 值，当您单击该值时，该值的整行将被隐藏。
我只想使其中一个值变为禁用状态。我不想让用户隐藏“命令"，因为它排显示按钮。 代码在这里形成:Bootgrid

Answer 1

非常简单。假设您有代表您的 bootgrid 的 HTML:

<table id="grid-basic" class="table table-hover table-striped">
    <thead>
        <tr>
            <th data-column-id="ticket-id" data-type="numeric" data-identifier="true">TICKET ID</th>
            <th data-column-id="submission-date">SUBMISSION DATE</th>
            <th data-column-id="status">STATUS</th>
            <th data-column-id="ownership">OWNERSHIP</th>
            <th data-column-id="applicant-name">APPLICANT NAME</th>
            <th data-column-id="applicant-ic">APPLICANT IC</th>
            <th data-column-id="order-type">ORDER TYPE</th>
            <th data-column-id="package">PACKAGE</th>
            <th data-column-id="commands" data-formatter="commands">Commands</th>
        </tr>
    </thead>
    <tbody>
      <!-- data via javascript -->
    </tbody>
</table>

您只需将 data-visible-in-selection="false" 添加到您不想在该下拉菜单中显示的列:

<th data-column-id="commands" data-visible-in-selection="false" data-formatter="commands">Commands</th>