ag-grid - ag-grid V19 默认隐藏/关闭工具面板

Question

我正在使用以下依赖项：

"dependencies": {
   "ag-grid-community": "19.0.0",
   "ag-grid-angular": "19.0.0",
   "ag-grid-enterprise": "19.0.0",
}

迁移到版本 19 后，新的侧边栏被隐藏了。这可以通过设置 [sideBar]="'columns'" 来解决。

但工具面板部分始终打开。我可以通过调用 gridApi.closeToolPanel() 来关闭它，但在这种情况下，如果您加载页面，您会在短时间内看到打开的 toolPanel。是否有一个选项可以仅显示侧栏按钮并默认隐藏工具面板（就像在版本 18 中一样）？

标签： ag-grid

Answer 1

var gridOptions = {    
sideBar: {
    toolPanels: [
            {
                id: 'columns',
                labelDefault: 'Columns',
                labelKey: 'columns',
                iconKey: 'columns',
                toolPanel: 'agColumnsToolPanel',
                toolPanelParams: {
                    suppressValues: true,
                    suppressPivots: true,
                    suppressPivotMode: true,
                    suppressRowGroups: false
                }
            },
            {
                id: 'filters',
                labelDefault: 'Filters',
                labelKey: 'filters',
                iconKey: 'filter',
                toolPanel: 'agFiltersToolPanel',
            }
        ],
        defaultToolPanel: ''
    }
};

defaultTooPanel: '' 告诉 ag-grid 默认应该打开什么。您可以将其设置为空白或 null，这将导致它默认不打开任何工具面板。

注意：在 19.0.0 版本中，您将收到关于此的 console.log 警告。在 19.1.1 中，您不会收到警告。