javascript - agGrid - 在列标题名称中显示过滤短语

Question

您将如何在特定列的标题单元格内显示您过滤列的短语？

假设我按“美国”过滤国家/地区列，标题单元格更改为国家/地区(美国)。

我尝试使用 Angular 检查器检查范围，但找不到与确切过滤短语相关的任何内容。

Answer 1

当您定义列定义而不是使用静态值设置 headerName 时，您可以设置 headerValueGetter 属性以便计算 header 值

例如:

{ headerName: "Country", 字段: "country", editable: true, filter: 'text' }

成为

{ headerValueGetter : (params) => {return "Country"+ FILTER_VALUE}, 字段:"country", editable: true, filter: 'text'

话虽如此，您可以按需更新 header ...

var countryCol = gridOptions.columnApi.getColumn("country").getColDef();
colDef.headerName = "国家(美国)";
gridOptions.api.refreshHeader();