动态更改ag格子头名称？

Question

如何使用angular 7动态改变ag-grid的头名？

我已经尝试过了，但只在调试模式下有效。

this.gridOptions.columnController.allDisplayedCenterVirtualColumns[1].colDef.headerName = "22";

但只在调试模式下有效。

Answer 1

用setColumnDefs()来更新栏位

参考本文件

const col = document.getElementById('colSelect').value;
columnDefs[col].headerName = value;
gridOptions.api.setColumnDefs([]);
gridOptions.api.setColumnDefs(columnDefs);

试试这个解决方案