Aggrid 获取 table 中显示的列的名称

Question

我正在使用 vue aggrid。我在 table 中有 10 列，默认情况下显示所有列。现在用户可以从列面板中 select 和 unselect 列。有没有办法获取由用户 select 编辑并显示在 table 中的列数组。我试过了

this.gridOptions.api.sortController.columnController.getAllDisplayedColumns()

这给出了 selected 列的对象数组，但是有没有其他方法我们可以获得 selected 列的名称。

Answer 1

您可以通过直接从 ColumnAPI

调用问题中的该函数来获取所有可见列

columnApi.getAllDisplayedColumns()

Answer 2

如果我正确理解了你的问题，那么你正在寻找包含列名称（显示标签或 columnId）的数组，例如

    ["column1","column2","column3",...].

好吧，您已经使用 getAllDisplayedColumns 方法走上了正确的轨道，该方法为您提供了网格中显示的所有列。您可以使用以下方法获取在网格中呈现且可见的列名称的 list/array。

    var columnNames = gridOptions.api.columnController.getAllDisplayedColumns().map(function (col) { return col.getColId(); })

Aggrid get get name of columns displayed in the table