vue.js - 使用 Ag-Grid 刷新动态标题名称

Question

我有一个“选择”列，我想在标题名称中包含当前选定行的总数。

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

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

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

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

任何想法如何做到这一点？

标签： vue.jsag-grid

Answer 1

尝试在您的 selectionChanged 事件中手动刷新标题：

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