首页 > 解决方案 > 在ag-grid中隐藏按钮单击的列?

问题描述

我需要在按钮单击时隐藏 VAD 组列。请帮我。在此处输入图像描述

标签: ag-gridag-grid-reactag-grid-angular

解决方案


您可以使用Column API以下方法:

setColumnVisible(colKey, visible)设置列的可见性。键可以是列 ID 或 Column 对象。

或者

setColumnsVisible(colKeys, visible)与 setColumnVisible 相同,但提供列键列表。

hide(){
    this.gridColumnApi.setColumnsVisible(['columnNameOne', 'columnNameTwo'], false);
}

show(){
    this.gridColumnApi.setColumnsVisible(['columnNameOne', 'columnNameTwo'], true);
}

Demo


推荐阅读