AG-Grid动态列标题文本

Question

这似乎很简单，但事实证明并非如此。 由于某种原因， headerName被转换为字符串，因此它不能成为函数。

我还尝试了各种renderer和headerComponent函数，但是就像我说的那样，我只想返回一个动态字符串，而不是覆盖所有内容并必须重新实现它（例如，使用自定义标头组件的情况）。

// I'm trying everything at this point, nothing renders out..
getHeaderCellTemplate: () => 'test 2',
headerCellTemplate: () => {
  // What I actually want to achieve:
  const currency = appModel.selectedCertificate().currency();
  return currency ? `Total Value (${currency})` : 'Total Value';
},
headerCellRenderer: HeaderCellRenderer,
headerComponent: HeaderCellRenderer,
cellRenderer: () => 'test 7',
headerRenderer: () => 'test 9',

我知道我可以将column def包装在一个函数中，但这会非常低效，因为将在每次渲染时重新创建column def。

Answer 1

我希望这对您有用：

headerValueGetter: (params) => {
  const currency = appModel.selectedCertificate().currency();
  return currency ? `Total Value (${currency})` : 'Total Value';
}