Aggrid get get name of columns displayed in the table

user_12057794 0
Viewed 1585

I am using vue aggrid. I have 10 columns in the table and all columns are displayed by default. Now the user can select and unselect column from the column panel. Is there a way to get an array of columns which are selected by the user that are displayed in the table. I tried

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

This gives the array of objects of selected columns, but is there any other way through which we can get the selected columns names.

ag-grid vue.js
2 Answers

You can get all visible columns by calling that function in your question directly from the ColumnAPI

columnApi.getAllDisplayedColumns()
user_94494260

If I understood your question correctly then you are looking for array containing name(display label or columnId) of the columns like

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

well you are already on the right track using getAllDisplayedColumns method which gives you all the columns displayed in the grid. You can use below method to get the list/array of column names which are rendered in the grid and are visible.

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