РекомендуетсяWeb

Закреплённый заголовок

При прокрутке пользователь продолжает видеть названия столбцов.

Опубликовано Проверено Изменено

Плохо

Через 20 строк непонятно, где цена и где остаток.
Закреплённая шапка закрывает первую строку.

Хорошо

Шапка остаётся у верхней границы области таблицы.
При горизонтальной прокрутке заголовки движутся со столбцами.

Почему это важно

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

Когда применять

Длинные таблицы. Учитывайте высоту общей навигации, фон и порядок наложения. Закрепление должно работать при изменении ширины столбцов и масштаба страницы.

Кто что делает

Человек

Определяет основную область прокрутки.

AI-агент

Проверяет совпадение ширин и отступ от общей шапки.

Пример применения

Один scroll-контейнер содержит и таблицу, и sticky-заголовок. При открытой нижней панели остаётся отступ под последней строкой.

Как проверить у себя

  • Прокрутите в обе стороны и увеличьте масштаб.
  • Первая и последняя строки не перекрыты.
ПервоисточникиИстория изменений на GitHub

Дата проверки отражает содержательную сверку. Синхронизация сайта не обновляет её автоматически.