AG-Grid动态列标题文本

时间:2018-01-23 17:00:57

标签: javascript ag-grid

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

我也尝试了各种rendererheaderComponent函数,但就像我说的那样,我只想返回一个动态字符串,而不是覆盖所有内容并且必须重新实现它(例如使用自定义标题组件的情况。)

// 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',

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

1 个答案:

答案 0 :(得分:3)

我希望这对你有用:

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