Динамическое обновление имени заголовка с помощью Ag-Grid
У меня есть столбец" select", и я хочу иметь общее количество текущих выбранных строк в имени заголовка.
Я использую headerValueGetter, но значение не обновляется при выборе новой строки.
// in my colDef
headerValueGetter: params => `(${this.totalSelected})`
// methods
onSelectionChanged(event) {
this.totalSelected = event.api.getSelectedNodes().length
},
totalSelected-это свойство компонента my Vue, значение которого обновляется при выборе новой строки.
Есть идеи, как это сделать ?
У вопроса есть решение - Посмотреть?
воспроизведите вашу проблему на plunk или stackblitz, чтобы другие могли легко помочь вам.
Источник
Ответы - Динамическое обновление имени заголовка с помощью Ag-Grid / Dynamic header name refresh with Ag-Grid
Является ответом!
02.04.2019 02:46:32
Попробуйте обновить заголовок вручную в selectionChanged-event:
onSelectionChanged(event) {
this.totalSelected = event.api.getSelectedNodes().length;
gridOption.api.refreshHeader();
},