HTML-таблица с фиксированным заголовком

Question

Я создал страницу HTMl с тремя разделами: верхний и нижний колонтитулы и раздел таблицы, который расположен между верхним и нижним колонтитулом. Верхний и нижний колонтитул фиксируется сверху и снизу с помощью css (top: 0px; и bottom : 0px;) с определенной высотой.

Все три определены в div. Прокручиваемая таблица должна быть зафиксирована между верхним и нижним колонтитулом, т.е. когда мы увеличиваем и уменьшаем масштаб таблицы, она должна растягиваться между верхним и нижним колонтитулом.

Может кто-нибудь помочь?

Answer 1

Создайте div, который расположен там, где вы хотите. Звучит так, будто div нужно позиционировать абсолютно. (Вам понадобится bottom: 31px, если нижний колонтитул имеет высоту 30px, например.) Вы, вероятно, хотите поставить границу в этом div. Установите для div переполнение, чтобы полоса прокрутки находилась в div, а не в таблице.

Затем поместите таблицу в div и укажите ширину: 100%.

Установка высоты таблицы может привести к тому, что строки станут действительно высокими, если в них мало контента. Это одна из причин использовать div вне таблицы.