Динамическое обновление имени заголовка с помощью Ag-Grid

#vue.js #ag-grid

#vue.js #ag-grid

Вопрос:

У меня есть столбец «выбрать», и я хочу иметь общее количество текущих выбранных строк в имени заголовка.

Я использую headerValueGetter , но значение не обновляется при выборе новой строки.

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

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

totalSelected это свойство моего компонента Vue, и его значение обновляется при выборе новой строки.

Есть идеи, как это сделать?

введите описание изображения здесь

Комментарии:

1. воспроизведите вашу проблему в plunk или stackblitz, чтобы другие могли вам легко помочь.

Ответ №1:

Попробуйте обновить заголовок вручную в вашем SelectionChanged-событии:

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