Wiederholende Tabellenköpfe im Druckmodus

Wenn sich eine Tabelle beim Drucken über mehrere Seiten erstreckt, ist es oft wünschenswert, die Kopfzeilen (TH-Elemente) zu haben ) werden zur leichteren Bezugnahme auf jeder Seite wiederholt. CSS bietet einen Mechanismus, um dies zu erreichen.

Lösung: Verwendung des THEAD-Elements

Das THEAD-Element in CSS wurde speziell für diesen Zweck entwickelt. Sie können damit eine Reihe von Kopfzeilen definieren, die auf jeder gedruckten Seite wiederholt werden sollen. So verwenden Sie es:

1. Wickeln Sie die Tabellenüberschriften in ein THEAD-Element ein:

   Header 1	Header 2	Header 3

2. Fügen Sie den folgenden Stil zu Ihrer @page-Regel hinzu:

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

Erklärung:

• Das thead-Element dient als Container für die Kopfzeilen.
• Das @ Die Seitenregel legt die Seitenränder fest und enthält eine Unterregel @top-left, deren Inhaltseigenschaft auf element(thead) festgelegt ist.
• Diese Konfiguration weist den Browser an, den Inhalt des THEAD-Elements in der oberen linken Ecke jeder gedruckten Seite darzustellen, wodurch die Tabellenüberschriften effektiv wiederholt werden.

Durch die Verwendung des THEAD-Elements können Sie sicherstellen, dass Ihre Tabellenüberschriften werden einheitlich auf jeder gedruckten Seite angezeigt und bieten Ihren Lesern eine klare und praktische Referenz.