Вопросы Теги

AG Grid: как прокрутить прокрутку внизу

Я решил это, удалив XAMPP и установив WAMP. Спасибо за помощь.

1
задан Pudelduscher 24 March 2019 в 20:32
поделиться

1 ответ

Вот один из способов сделать это:

обработать rowDataChanged в вашей разметке: 

<ag-grid-angular
  class="ag-dark"
  [rowData]="messages"
  [columnDefs]="columnDefs"
  [gridOptions]="gridOptions"
  (bodyScroll)="handleScroll($event)"
  (rowDataChanged)="handleRowDataChanged($event)">
</ag-grid-angular>

В обработчике для rowDataChanged вызовите ensureVisibleIndex, чтобы перейти к последнему строка добавлена: 

  gridOptions: GridOptions = {
    suppressScrollOnNewData: true,
  }
  handleRowDataChanged(event) {
    const index = this.messages.length - 1;
    this.gridOptions.api.ensureIndexVisible(index, 'bottom');
  }

Демо: https://stackblitz.com/edit/angular-ag-grid-stuck-to-bottom

В этом коде также существует некоторая логика, когда таблица должна быть прокручена до конца или не основана на позиции прокрутки.

0
ответ дан inorganik 24 March 2019 в 20:32
поделиться