Установка максимальной высоты стола

Я пытаюсь создать страницу, на которой есть несколько таблиц. Кажется, что стилизация таблиц намного труднее, чем должна быть.

Проблема заключается в следующем: таблицы должны иметь фиксированную высоту и отображать либо пустое пространство внизу (когда содержимого слишком мало), либо вертикальную полосу прокрутки (когда его слишком много). Добавьте к этому, что у таблиц есть заголовок, который не должен прокручиваться.

Насколько мне известно, thead без прокрутки является поведением по умолчанию для таблиц. И растяжение tfoot может хорошо служить для заполнения пустым пространством. К сожалению, кажется, что все ограничения, которые я могу накладывать на высоту стола, игнорируются. Я пробовал

table {
    height: 600px;
    overflow: scroll;
}

Я пробовал с max-height . Я попытался позиционировать стол абсолютно и указать как верхнюю, так и нижнюю координаты. Я попытался вручную отредактировать высоту в Firebug, чтобы узнать, не связана ли это со спецификой CSS. Я также пытался установить высоту на теле . На самом деле таблица всегда остается той же высоты, что и ее содержимое , независимо от моих усилий.

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

Как мне задать высоту таблицы?

43
задан Benjamin 2 July 2019 в 15:08
поделиться