Ag grid 如何在AG网格中隐藏列？

如何在AG网格中隐藏列，以及不应在工具面板中显示列

var columnDefs = [{ headerName: "Stone_ID", field: "Stone_ID", width: 100, hide: "true" }]

---

hide：应该得到值true，而不是字符串“true”（比如width:gets 100，而不是“100”）

您可以将的column属性设置为true来实现这一点

var columnDefs = [
    {
       headerName: "Stone_ID",
       field: "Stone_ID",
       width: 100,
       hide: true,
       suppressToolPanel: true
    }
]

---

要以编程方式执行此操作，您可以使用：

  const group = this.columnApi.getColumnGroup("MY_GROUP");
  group.children.forEach(child => this.columnApi.setColumnsVisible(child, false));

隐藏列：

this.agGrid.columnApi.setColumnsVisible(["COL_ID_1", "COL_ID_2"], false);

显示列：

this.agGrid.columnApi.setColumnsVisible(["COL_ID_1", "COL_ID_2"], true);

要对整个列组执行此操作，可以使用：

  const group = this.columnApi.getColumnGroup("MY_GROUP");
  group.children.forEach(child => this.columnApi.setColumnsVisible(child, false));

---

如果要动态查找显示/隐藏列，请执行以下操作：

您可以使用

setColumnsVisible

或

setColumnsVisible

注意：这些函数需要与columnDefs中设置的字段相关的colKey

columnDefs = [
    {
       headerName: "Name", 
       field: "name", // => that!
       width: 150
    },
    {
       headerName: "Last Name", 
       field: "last_name", // => that!
       width: 150
    },
    // ...
];

使用

setColumnVisible

时，可以显示/隐藏单个列

使用

setColumnsVisible

时，可以显示/隐藏多个列

加载时隐藏柱 { headerName:‘ROE’， 字段：“roe”， 宽度：100， 隐藏：真的 },

根据选择，您可以使用 例子 this.gridColumnApi.setColumnVisible（'roe'，true）

在package.json中：

"dependencies": {
    "@ag-grid-community/angular": "^24.1.0",
    "@ag-grid-enterprise/all-modules": "^24.1.0",
    ...
} 

---

谢谢你的回答，但是。。hide：“true”这用于从AG网格中隐藏列，但此列显示在Toolpanel中…我的问题是，如果隐藏列，则它不应显示值，也不应显示在Toolpanel中…而此代码可能会回答此问题，提供有关此代码为什么和/或如何回答此问题的其他上下文可以提高其长期价值。我可以防止列出现在列菜单中吗？是否有用于columnDefs的界面？我还没找到yet@Winnemucca你所说的界面是什么意思？@Winnemucca向下滚动到“仅列”查看所有可用定义的部分扫描我是否阻止列出现在列菜单中？@eddy suppressToolPanel:true阻止列成为列侧工具栏中分组或轴心的可用选项。除了其他答案的状态外，此答案还有什么作用？我是否可以阻止列出现在列中菜单？我可以阻止列出现在列菜单中吗？

gridOptions.columnApi.setColumnsVisible(['name', 'last_name'], true) //In that case we show them

{
  ...,
  hide: true,
  suppressColumnsToolPanel: true
}

"dependencies": {
    "@ag-grid-community/angular": "^24.1.0",
    "@ag-grid-enterprise/all-modules": "^24.1.0",
    ...
}