Repetindo cabeçalhos de tabela no modo de impressão

Quando uma tabela abrange várias páginas durante a impressão, geralmente é desejável ter as linhas de cabeçalho (elementos TH ) repetido em cada página para fácil referência. CSS fornece um mecanismo para conseguir isso.

Solução: usando o elemento THEAD

O elemento THEAD em CSS é projetado especificamente para esta finalidade. Permite definir um conjunto de linhas de cabeçalho que devem ser repetidas em cada página impressa. Veja como usá-lo:

1. Envolva os cabeçalhos da tabela em um elemento THEAD:

   Header 1	Header 2	Header 3

2. Adicione o seguinte estilo à sua regra @page:

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

Explicação:

• O elemento thead serve como um contêiner para as linhas de cabeçalho.
• O @ a regra da página define as margens da página e inclui uma sub-regra @top-left com a propriedade content definida como element(thead).
• Esta configuração instrui o navegador a renderizar o conteúdo de o elemento THEAD no canto superior esquerdo de cada página impressa, repetindo efetivamente os cabeçalhos da tabela.

Ao utilizar o elemento THEAD, você pode garantir que os cabeçalhos da tabela sejam exibidos de forma consistente em cada página impressa, fornecendo uma referência clara e conveniente para seus leitores.