Таблица Bulma css, в которой вертикально прокручивается только тело ⇐ CSS

Разбираемся в CSS
Anonymous
Таблица Bulma css, в которой вертикально прокручивается только тело

Сообщение Anonymous »

Я использую Bulma CSS для оформления своего приложения Rails 7, и у меня есть таблица, которую я хочу сделать вертикально прокручиваемой, но только tbody.
В документации Bulma упоминается ' table-container' div-обертку для использования вместе с is-scrollable, но, похоже, это не влияет на вертикальную прокрутку, а только на горизонтальную.
Мне удалось изменить в моем файле application.css.sass, чтобы сделать всю таблицу прокручиваемой, например:

Код: Выделить всё

.table-container {
max-height: 780px;
overflow-y: auto;
}
Как изменить CSS, чтобы можно было прокручивать только тело (при исправлении заголовка)?
Уже пробовал:

Код: Выделить всё

.table-container tbody {
overflow: hidden;
max-height: 780px;

tbody {
display: block;
overflow-y: auto;
max-height: inherit;
}
}
Это не сработало, поскольку блок display: нарушает выравнивание ячеек.

Подробнее здесь: https://stackoverflow.com/questions/781 ... scrollable

Вернуться в «CSS»