Повторяющиеся заголовки таблиц в режиме печати

Когда во время печати таблица занимает несколько страниц, часто желательно иметь строки заголовков (элементы TH ) повторяется на каждой странице для удобства использования. CSS предоставляет механизм для достижения этой цели.

Решение: использование элемента THEAD

Элемент THEAD в CSS разработан специально для этой цели. Он позволяет вам определить набор строк заголовка, которые должны повторяться на каждой печатной странице. Вот как это использовать:

1. Оберните заголовки таблицы в элемент THEAD:

   Header 1	Header 2	Header 3

2. Добавьте следующий стиль в правило @page:

   @page {
     margin: 1cm;
     @top-left {
       content: element(thead);
     }
   }

Объяснение:

• Элемент thead служит контейнером для строк заголовка.
• The @ правило страницы устанавливает поля страницы и включает подправило @top-left со свойством содержимого, установленным на element(thead).
• Эта конфигурация предписывает браузеру отображать содержимое элемента THEAD в верхнем левом углу каждой печатной страницы, эффективно повторяя заголовки таблиц.

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