• Теория
  • Теория

Группировка верхних рядов и ячеек

В HTML-таблицах можно группировать табличные ряды «шапки», основного содержания и «подвала».

Для группировки верхних рядов используется тег <thead>. В него включаются один или несколько рядов. Можно использовать несколько элементов <thead> одновременно.

Аналог группировки верхних рядов в CSS — свойство display: table-header-group. Отметим, что блок, которому задано это свойство, всегда отображается вверху CSS-таблицы, даже если в разметке он идёт не первым. Это поведение идентично тегу <thead>.

Давайте создадим «шапку» нашей CSS-таблицы. Это будет такая же полка, но располагающаяся сверху. Положим на неё одежду — не менее важные вещи для далёкого путешествия. Заметьте, как полка переместится вверх при задании ей свойства display: table-header-group.

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. Только 5 дней цена 18 900 ₽22 900 ₽

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Таблицы на CSS» тренажёра «Табличные раскладки» можно после регистрации и оформления подписки.