Heim > Web-Frontend > CSS-Tutorial > Wie kann ich Tabellenüberschriften auf jeder gedruckten Seite mithilfe von CSS wiederholen?

Wie kann ich Tabellenüberschriften auf jeder gedruckten Seite mithilfe von CSS wiederholen?

Barbara Streisand
Freigeben: 2024-12-03 17:22:11
Original
533 Leute haben es durchsucht

How Can I Repeat Table Headers on Each Printed Page Using CSS?

Tabellenüberschriften im Druckmodus mit CSS wiederholen

Es kann sichergestellt werden, dass Tabellenüberschriften () bei jedem wiederholt werden Seite, wenn sich eine Tabelle mithilfe von CSS über mehrere Seiten erstreckt. Dies kann durch die Verwendung des THEAD-Elements erreicht werden.

Das THEAD-Element stellt die Kopfzeile einer Tabelle dar und wird normalerweise innerhalb der

Element. Mithilfe des THEAD-Elements können Sie die Tabellenkopfzeilen gruppieren und festlegen, dass sie auf jeder Seite des gedruckten Dokuments wiederholt werden sollen.

Beispiel

@page {
  thead { display: table-header-group; }
}
Nach dem Login kopieren

Diese CSS-Regel setzt die Anzeigeeigenschaft des thead-Elements auf table-header-group. Wenn der Kopf auf Tabellenkopfgruppe eingestellt ist, stellt der Browser sicher, dass die Tabellenkopfzeilen auf jeder Seite des gedruckten Dokuments wiederholt werden.

Referenz

Referenz Weitere Informationen zum THEAD-Element finden Sie in der offiziellen Dokumentation: [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead)

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage