Я пытаюсь создать страницу, на которой есть несколько таблиц. Кажется, что стилизация таблиц намного труднее, чем должна быть.
Проблема заключается в следующем: таблицы должны иметь фиксированную высоту и отображать либо пустое пространство внизу (когда содержимого слишком мало), либо вертикальную полосу прокрутки (когда его слишком много). Добавьте к этому, что у таблиц есть заголовок, который не должен прокручиваться.
Насколько мне известно, thead
без прокрутки является поведением по умолчанию для таблиц. И растяжение tfoot
может хорошо служить для заполнения пустым пространством. К сожалению, кажется, что все ограничения, которые я могу накладывать на высоту стола, игнорируются. Я пробовал
table {
height: 600px;
overflow: scroll;
}
Я пробовал с max-height
. Я попытался позиционировать стол абсолютно и указать как верхнюю, так и нижнюю координаты. Я попытался вручную отредактировать высоту в Firebug, чтобы узнать, не связана ли это со спецификой CSS. Я также пытался установить высоту на теле
. На самом деле таблица всегда остается той же высоты, что и ее содержимое , независимо от моих усилий.
Конечно, я мог бы подделать таблицу со структурой div, но на самом деле это таблица, и я боюсь, что при использовании div я могу столкнуться с проблемой, когда некоторые столбцы могут быть неправильно выровнены.
Как мне задать высоту таблицы?