在ag-grid中隐藏按钮单击的列？

【问题标题】：Hide columns on button click in ag-grid?在ag-grid中隐藏按钮单击的列？
【发布时间】：2019-08-06 03:51:06
【问题描述】：

我需要在单击按钮时隐藏 VAD 组列。请帮我。

【问题讨论】：

请问您是否在香草 JS 上使用 Ag-grid？还是角？
我正在使用 ReactJS

标签： ag-grid ag-grid-react ag-grid-angular

【解决方案1】：

您可以使用Column API 方法：

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

或

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

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

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

Demo

【讨论】：