在 Ag-grid 中编辑标题

Question

Ag-grid 支持编辑列单元格。 如何在 ag-grid 中编辑列标题？

Answer 1

它在文档本身上。 链接： 更新列定义

网格初始化后，可能需要更新列定义。 重要的是要了解，在创建列时，会为其分配 GridOptions 中定义的列定义的副本。 因此，有必要直接从列中获取列定义。

以下示例显示如何在初始化网格后更新列标题名称。 由于我们想立即更新标题名称，因此我们通过 Grid API 显式调用 refreshHeader()。

 // get a reference to the column var col = gridOptions.columnApi.getColumn("colId"); // obtain the column definition from the column var colDef = col.getColDef(); // update the header name colDef.headerName = "New Header"; // the column is now updated. to reflect the header change, get the grid refresh the header gridOptions.api.refreshHeader();

Answer 2

A. 在 init 之前设置标头：

var columnDefinition = [{headerName: 'yourHeaderName', field:'fieldNameFromDataSource'}]//define
gridOptions = {columnDefs: columnDefinition}

B. 渲染后更改标题：

var col = gridOptions.columnApi.getColumn('fieldName');
var colDef = col.getColDef();
colDef.headerName = 'newHeaderName';
gridOptions.api.refreshHeader();