Как изменить ширину горизонтальной полосы прокрутки в таблице материалов?

Question

Можно ли изменить толщину горизонтальной полосы прокрутки Таблица материалов ? Я пробовал добавить свойство scrollBarWidth и свойство scrollPadding в свойство style в компоненте таблицы, но это не сработало. Можно ли вообще изменить ширину?

Answer 1

Это не прямой ответ на мой исходный вопрос, но мне удалось установить ширину горизонтальной полосы прокрутки, переопределив стили всех полос прокрутки на странице.

Во всяком случае, выглядит примерно так ,

::-webkit-scrollbar {
  width: 20px; /* <-- This sets the thickness of the VERTICAL scrollbar */
  height: 20px; /* <-- This sets the thickness of the HORIZONTAL scrollbar */
}

Я должен отметить, что это не работает в Firefox или IE / Edge.

Редактировать нервный-блеск-1j0x c

Answer 2

Вы можете изменить его с помощью элементов проверки и найти указанный c класс

Пример

, поместив css в свой материал класс таблицы в элементах; вы увидите результат раньше, не перезагружая страницы.

и если вы поместите его в код, используйте: host :: ng-deep, чтобы отразить ваши изменения.

Пример

:host ::ng-deep .mat-menu-panel {
    min-width: 112px;
    max-width: 400px;
    overflow: auto;
 }