是否可以在Ag Grid中切换(显示/隐藏)列菜单

时间:2019-01-18 07:31:54

标签: angular ag-grid

我想为ag网格添加条件编辑模式,以便仅在单击某些操作按钮后才允许用户从菜单固定/取消固定显示/隐藏列。 我尝试在操作后在列定义中添加“ menuTabs”,但它没有更改列标题。请在下面查看我目前的尝试

//初始。这可以正常工作,在网格上看不到任何列菜单

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();
            }

谢谢

1 个答案:

答案 0 :(得分:0)

您可以尝试创建一个新的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();
}

另一位农业网格用户面临着类似的issue