是否可以在 Ag Grid 中切换（show/hide）列菜单

Question

我想为 ag 网格添加条件编辑模式，这样用户只能在单击某些操作按钮后从菜单中固定/取消固定 show/hide 列。我尝试在操作后在列定义中添加 "menuTabs"，但它没有更改列 headers。请在下面找到我目前的尝试

//最初。这工作正常，网格上没有可见的列菜单

this.gridColumns.map((column) => {
    column['menuTabs'] = [];
    return column;
})

//有条件的。仍然缺少不工作的列菜单

if (condition) {
                this.gridColumns.map((column) => {
                    column['menuTabs'] = ["generalMenuTab",columnsMenuTab"];
                    return column;
                })
                this.gridApi.setColumnDefs(this.gridColumns)
                this.gridApi.refreshHeader();
            }

谢谢

Answer 1

您可以尝试创建一个新的 colDef 数组并将其传递给网格选项。
像这样 -

function updateColDef()
{ 
    let newColDef= [];
    this.gridColumns.forEach(function(colDef) {
                colDef['menuTabs'] = ["generalMenuTab",columnsMenuTab"];
                newColDef.push(colDef);
            });    
  this.gridApi.api.setColumnDefs(newColDef);
  this.gridApi.refreshHeader();
}

另一个 ag 网格用户

面临类似 issue

是否可以在 Ag Grid 中切换（show/hide）列菜单

Is it possible to toggle( show/hide ) column menu in Ag Grid

ag-grid

angular