Ag-Grid: настроить ширину столбцов и показать горизонтальную полосу прокрутки, как только столбцы достигнут размера контейнера

Question

У меня есть панель столбцов для добавления / удаления столбцов из AG-Grid. Всего около 50 столбцов, по умолчанию 5 отображаются со свойством api.sizeColumnsToFit () . это работает нормально, но проблема возникает, когда пользователь пытается добавить больше столбцов, а столбцы выходят за пределы пространства контейнера. он пытается вписаться в размер контейнера и испортил.

, если я удалил api.sizeColumnsToFit () , как только пользователь удаляет все столбцы и сохраняет только 2-3 столбца, он помещается в размер, но показывает пустое пространство в сетке, которое выглядит не очень хорошо.

Любая идея, как я могу условно настроить ag-grid для правильной работы следующим образом:

if columns_are_less_than_container_size
  api.sizeColumnsToFit()
else
  Do NOT apply sizeColumnsToFit
  rather show a horizontal scroll

Answer 1

Вы можете реализовать onDisplayedColumnsChanged и рассчитать на основе ширины родительского элемента.

Вместо getActualWidth вы можете определить минимальную ширину и использовать getMinWidth.

* 1007. *