AG 网格列选择禁用答案

【问题标题】：AG Grid Column Selection DisableAG 网格列选择禁用
【发布时间】：2022-01-07 22:23:43
【问题描述】：

我正在使用 AG-Grid，我想禁用或隐藏列标题和列工具面板中的列选择选项。有关我想禁用或隐藏的内容，请参见以下图片：

在构建 AG-Grid 网格时，有没有办法禁用或隐藏列选择复选框？

【问题讨论】：

标签： ag-grid

【解决方案1】：

对于侧边栏：

要仅显示提供的工具面板之一，请设置 sideBar='columns' 或 sideBar='filters'。

见here。

<ag-grid-angular
    #agGrid
    style="width: 100%; height: 100%;"
    id="myGrid"
    class="ag-theme-alpine"
    [columnDefs]="columnDefs"
    [defaultColDef]="defaultColDef"
    [sideBar]="'filters'"
    [rowData]="rowData"
    (gridReady)="onGridReady($event)"
  ></ag-grid-angular>

对于列菜单：

菜单默认显示，由三个面板组成。如果你想改变顺序或者显示哪些面板，或者隐藏它们，你可以在colDef中指定属性menuTabs。

属性 menuTabs 是一个字符串数组。有效值为： 'filterMenuTab'、'generalMenuTab' 和 'columnsMenuTab'

见here

this.defaultColDef = {
      filter: true,
      menuTabs: ['filterMenuTab', 'generalMenuTab'],
    };

Demo.

【讨论】：