Ag grid 如何控制ag grid的侧面板,以便只启用分组

Ag grid 如何控制ag grid的侧面板,以便只启用分组,ag-grid,ag-grid-react,Ag Grid,Ag Grid React,我有以下建议: 这让我有一个列侧栏,其中包含编辑轴、分组和值的选项。然而,我现在只想允许分组,理想的情况是将分组显示在桌子上方,而不是侧面。我将如何使用AG grid中的新工具栏来实现这一点 此处的文档: 理想情况下,它应该像在本例中拖动此处来设置行组放置区:发现它在文档中“隐藏”得很好 var gridOptions = { columnDefs: columnDefs, rowData: null, pivotMode: true, enableSorting

我有以下建议:

这让我有一个列侧栏,其中包含编辑轴、分组和值的选项。然而,我现在只想允许分组,理想的情况是将分组显示在桌子上方,而不是侧面。我将如何使用AG grid中的新工具栏来实现这一点

此处的文档:

理想情况下,它应该像在本例中拖动此处来设置行组放置区:

发现它在文档中“隐藏”得很好

var gridOptions = {
    columnDefs: columnDefs,
    rowData: null,
    pivotMode: true,
    enableSorting: true,
    sideBar: 'columns',
    // THIS IS THE ONE!!!
    rowGroupPanelShow: 'always',
    pivotPanelShow: 'always',
    functionsReadOnly: true
};
使用抑制选项微调和控制列侧面板的显示

自定义侧面板示例:

要进一步定制,请参阅

带有代码和plunkr的示例:

发现它在文档中“隐藏”得很好

var gridOptions = {
    columnDefs: columnDefs,
    rowData: null,
    pivotMode: true,
    enableSorting: true,
    sideBar: 'columns',
    // THIS IS THE ONE!!!
    rowGroupPanelShow: 'always',
    pivotPanelShow: 'always',
    functionsReadOnly: true
};
使用抑制选项微调和控制列侧面板的显示

自定义侧面板示例:

要进一步定制,请参阅

带有代码和PRUNKR的示例: