动态 header 名称刷新 Ag-Grid

Question

我有一个 "select" 列，我想在 header 名称中包含当前选定行的总数。

我正在使用 headerValueGetter，但在选择新行时该值未刷新。

// in my colDef
headerValueGetter: params => `(${this.totalSelected})`

// methods
onSelectionChanged(event) {
  this.totalSelected = event.api.getSelectedNodes().length
},

totalSelected 是我的 Vue 组件的属性，它的值在选择新行时更新。

有什么想法可以实现吗？

Answer 1

尝试在 selectionChanged-event 中手动刷新 header:

onSelectionChanged(event) {
  this.totalSelected = event.api.getSelectedNodes().length;
  gridOption.api.refreshHeader();
},

动态 header 名称刷新 Ag-Grid

Dynamic header name refresh with Ag-Grid

vue.js

ag-grid