在Ag-grid中编辑标题

Question

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

Answer 1

它就是文件本身。链接： Updating Column Definitions

  

网格初始化后，可能需要更新网格   列定义。重要的是要理解列是什么时候   创建它时，会为其分配一个列定义的副本   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。在初始化之前设置标题：

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();