首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在AG-Grid中隐藏列?

如何在AG-Grid中隐藏列?
EN

Stack Overflow用户
提问于 2016-06-22 19:56:15
回答 7查看 61.8K关注 0票数 24

如何在AG-Grid中隐藏列,以及它不应该显示在工具面板中...

代码语言:javascript
复制
var columnDefs = [{ headerName: "Stone_ID", field: "Stone_ID", width: 100, hide: "true" }]
EN

回答 7

Stack Overflow用户

回答已采纳

发布于 2018-02-21 01:33:20

您可以将suppressToolPanel的列属性设置为true以实现此目的。

代码语言:javascript
复制
var columnDefs = [
    {
       headerName: "Stone_ID",
       field: "Stone_ID",
       width: 100,
       hide: true,
       suppressToolPanel: true
    }
]
票数 38
EN

Stack Overflow用户

发布于 2019-01-28 17:59:40

要以编程方式完成此操作,您可以使用:

隐藏列:

代码语言:javascript
复制
this.agGrid.columnApi.setColumnsVisible(["COL_ID_1", "COL_ID_2"], false);

显示列:

代码语言:javascript
复制
this.agGrid.columnApi.setColumnsVisible(["COL_ID_1", "COL_ID_2"], true);

要对整个列组执行此操作,可以使用:

代码语言:javascript
复制
  const group = this.columnApi.getColumnGroup("MY_GROUP");
  group.children.forEach(child => this.columnApi.setColumnsVisible(child, false));
票数 10
EN

Stack Overflow用户

发布于 2017-11-21 20:03:13

代码语言:javascript
复制
var columnDefs = [{ headerName: "Stone_ID", field: "Stone_ID", width: 100, hide: true }]
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37967341

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档