不要在 agColumnsToolPanel 中显示某些列

Question

如何防止 agColumnsToolPanel 显示特定列？

例如我不想显示 foo 和 bar 的条目，而只显示 x 的条目，这意味着不可能更改 foo、bar 列可见性通过 agColumnsToolPanel.

我将 Ag Grid 与 Vue.js 一起使用。

Answer 1

这 example 表明您必须更新工具面板中的列。

相关代码如下。获取对列工具面板的引用，然后将列设置为 foo 和 bar 的列定义。

    setCustomCols() {
      var columnToolPanel = this.gridApi.getToolPanelInstance('columns');
      columnToolPanel.setColumnLayout([{field: 'foo'}]}, {field: 'bar'});
    },

Answer 2

我假设您只想显示 x 而不是 foo 和 bar。您可以在 columnToolPanel.setColumnLayout 中指定列列表，只有那些列会显示在侧面板中。

这是一个简单的demo