Как отобразить количество строк в ag-grid?

Question

Как отобразить количество строк строк ag-grid?

Я пытался перехватить modelUpdated событие, но событие не вызывается.

Я хочу отображать количество строк при загрузке страницы и при изменении каждой строки.

 <ag-grid-vue
          style="width: 700px;height: 500px;margin:20px 0;"
          class="ag-theme-balham"
          :enableCellChangeFlash="true"
          ...
          rowHeight="55"
          :modelUpdated="onModelUpdated"
        ></ag-grid-vue>

Answer 1

В vue, используйте @ для событий, а не :

Вот код, который работает:

<ag-grid-vue
  style="width: 700px;height: 500px;margin:20px 0;"
  class="ag-theme-balham"
  :enableCellChangeFlash="true"
  ...
  rowHeight="55"
  @modelUpdated="onModelUpdated"
></ag-grid-vue>

onModelUpdated(event) {
  const rowsCount = event.api.getDisplayedRowCount();
}