Ag-grid - 禁用侧边按钮答案

【问题标题】：Ag-grid - disabling Side buttonAg-grid - 禁用侧边按钮
【发布时间】：2018-08-30 20:26:54
【问题描述】：

关于 Ag-grid 上的新 balham 主题的相当简单的问题。

我想完全禁用侧边按钮和工具面板，如下链接所示： https://www.ag-grid.com/javascript-grid-tool-panel/

我可以隐藏工具面板，但无法隐藏标有“列”的侧边按钮，想知道是否有一种简单的方法可以做到这一点？非常感谢

【问题讨论】：

下面的答案能解决你的问题吗？如果是这样，您是否可以接受它，以便其他有相同问题的用户受益？

标签： ag-grid ag-grid-ng2

【解决方案1】：

在 ag-grid 中将属性 showToolPanel 设置为 false

[showToolPanel]="false"


<ag-grid-angular
    #agGrid
    style="width: 100%; height: 100%;"
    id="myGrid"
    class="ag-theme-balham"
    [columnDefs]="columnDefs"
    [defaultColDef]="defaultColDef"
    [enableSorting]="true"
    [showToolPanel]="false"
    [enableFilter]="true"
    (gridReady)="onGridReady($event)"
    ></ag-grid-angular>

如果您完全想删除列工具面板，那么您可以覆盖 css

.ag-theme-balham .ag-tool-panel{
    visibility: hidden;
}

【讨论】：

如果要抑制侧键，也可以将toolPanelSuppressSideButtons设置为true。

【解决方案2】：

在 ag-grid v19 中，选项是 sideBar = false (sideBar docs)

【讨论】：