Измените размер Ag-Grid по количеству рядов

Question

Я использую Ag-Grid в приложении angular 8. Я пытаюсь изменить размер сетки в зависимости от количества строк, но также хочу ограничить количество строк в сетке до 10, а затем использовать разбиение на страницы для отображения следующей страницы.

Чтобы ограничить количество строк в сетке до 10 Я использую gridHeight = '400px', который отлично подходит для страниц с 10 строками. Но допустим, у меня есть 33 строки данных, и я отображаю по 10 строк на первых 3 страницах, а остальные 3 строки на последней странице, последняя страница все еще имеет gridHeight 400 пикселей. Есть ли способ сделать это динамическое c так, чтобы сетка изменяла размеры для 3 строк.

Я знаю, что мы можем использовать domLayout = 'autoHeight', но это не работает с gridHeight. Есть предложения?

Answer 1

вместо использования gridHeight = '400px', чтобы ограничить количество строк в сетке до 10, вы должны использовать свойство paginationPageSize и установить его на 10.

И, как вы упомянули при определении параметров сетки, определите domLayout свойство autoHeight. это автоматически отрегулирует высоту сетки всякий раз, когда в сетке меньше записей.

вот небольшой фрагмент кода, который вам поможет.

  var gridOptions - {
  defaultColdDef : {
  ...
  ...
  },
  --bunch of properties goes here 
  ...
  pagination : true,
  //use pagination page size property to set height instead of using height style.
  paginationPageSize : 10,
  domLayout : 'autoHeight'
  ...
  ...
  }

а вот рабочий демо