Таблица 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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