Wie kann ich beim Drucken mit CSS Tabellenüberschriften auf jeder Seite wiederholen?

Wiederholende Tabellenüberschriften im CSS-Druckmodus

Frage:

Kann CSS verwendet werden? Stellen Sie sicher, dass Tabellenüberschriften (th) auf jeder gedruckten Seite wiederholt werden, wenn eine Tabelle mehrere umfasst Seiten?

Antwort:

Ja, das ist mit dem THEAD-Element möglich.

Erklärung:

Das THEAD-Element wurde speziell für diesen Zweck entwickelt. Bei Verwendung mit der @page-Eigenschaft können Sie die Tabellenüberschriften auf jeder Seite eines gedruckten Dokuments wiederholen, auch wenn die Tabelle über eine einzelne Seite hinausgeht.

CSS-Code:

Um Tabellenüberschriften mithilfe des THEAD-Elements zu wiederholen, führen Sie die folgenden Schritte aus:

1. Erstellen Sie ein separates THEAD-Element, das Ihre Tabellenüberschriften enthält (th) >
2. Dieser Code weist den Browser an, das THEAD-Element automatisch auf jeder Seite zu wiederholen, wenn die Tabelle geöffnet ist gedruckt.
3. Referenz:

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

Weitere Informationen zum THEAD-Element und seiner Verwendung im Druckmodus finden Sie in der folgenden offiziellen Dokumentation:

[ CSS THEAD-Element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead)

Das obige ist der detaillierte Inhalt vonWie kann ich beim Drucken mit CSS Tabellenüberschriften auf jeder Seite wiederholen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!