Ag-grid

Question

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

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

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

Answer 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;
}

Answer 2

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

Ag-grid - 禁用侧面按钮

Ag-grid - disabling Side button

ag-grid-ng2