Как всегда показывать горизонтальную полосу прокрутки в ag-grid? - PullRequest
Новая
       7

Как всегда показывать горизонтальную полосу прокрутки в ag-grid?

0 голосов
/ 11 октября 2018

Можно ли всегда показывать горизонтальную полосу прокрутки в ag-grid ?Этот вопрос был задан как проблема на их странице GitHub , но они, похоже, проигнорировали ее (насколько я могу судить, она не была создана в их собственной системе отслеживания проблем ).

Я открыт для официальных решений, CSS-хаков, всего, что действительно работает.

Ответы [ 2 ]

0 голосов
/ 19 октября 2018

Решение, которое также распространяется на браузеры macOS / WwebKit 

.ag-body-viewport-wrapper.ag-layout-normal {
  overflow-x: scroll;
  overflow-y: scroll;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0,0,0,.5);
  box-shadow: 0 0 1px rgba(255,255,255,.5);
}

Вам также необходимо установить свойство 'scrollbarWidth' в ag-Grid для значения ширины / высоты выше 

scrollbarWidth=8

Таким образом, когда у вас больше строк, чем умещается на экране, последняя строка не будет скрыта полосой прокрутки.Это может произойти, если у вас есть сводная строка в ag-Grid.

Рабочий плункер демо .

Спасибо @Parotish за предоставленную демо базового плунжера, которое я изменил.

0 голосов
/ 12 октября 2018

Вы можете установить его с помощью CSS 

.ag-body-viewport-wrapper.ag-layout-normal {
  overflow-x: scroll;
}

Например, см. Plunk

Попробуйте удалить столбцы из меню-столбца, и вы увидитеэта полоса прокрутки отображается в любом случае.

...