Question

我有以下矮人：https://plnkr.co/edit/xtPbAztpG14bleAF9bgy?p=preview

var gridOptions = {
defaultColDef: {
    // allow every column to be aggregated
    enableValue: false,
    // allow every column to be grouped
    enableRowGroup: true,
    // allow every column to be pivoted
    enablePivot: false
},  
sideBar: 'columns',

让我有一个侧边栏，其中带有用于编辑枢轴，分组和值的选项。但是，我现在只允许分组，理想情况下将其显示在桌子上方而不是侧面。我将如何使用AG网格中的新工具栏来做到这一点？

此处的文档：https://www.ag-grid.com/javascript-grid-tool-panel/

理想情况下，此示例中应类似于“拖动到此处以设置行组放置区域”：https://www.ag-grid.com/example.php#/

Answer 1

在文档中很好地“隐藏”了它

var gridOptions = {
    columnDefs: columnDefs,
    rowData: null,
    pivotMode: true,
    enableSorting: true,
    sideBar: 'columns',
    // THIS IS THE ONE!!!
    rowGroupPanelShow: 'always',
    pivotPanelShow: 'always',
    functionsReadOnly: true
};

使用抑制选项微调和控制列侧面板的显示

自定义侧面板示例：https://www.ag-grid.com/javascript-grid-tool-panel-columns/#suppress-sections

要进一步自定义，请参见https://www.ag-grid.com/javascript-grid-tool-panel-columns/#column-tool-panel-example

带有代码和代码的示例：https://plnkr.co/edit/TaX0CWTKX4WKPHEijzLS?p=preview

如何控制Ag-grid的侧面板，所以我仅启用分组

1 个答案: