Wie kann ich beim Drucken Tabellenüberschriften auf mehreren Seiten wiederholen?

Wiederholende Tabellenüberschriften im Druckmodus

Das THEAD-Element wurde speziell entwickelt, um das Problem sich wiederholender Tabellenüberschriften auf mehreren Seiten im Druckmodus zu lösen . Mithilfe des THEAD-Elements können Sie die Kopfzeilen einer Tabelle definieren, die auf jeder Seite wiederholt werden sollen, wenn sich die Tabelle über mehrere Seiten erstreckt.

HTML Markup:

<table>
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </thead>
  <tbody>
    <!-- Table data -->
  </tbody>
</table>

CSS:

@page {
  margin: 1cm;
}

table thead {
  display: table-header-group;
}

Erklärung:

Die @page-Regelsätze die Druckränder für das Dokument.

Das thead-Element umschließt die Kopfzeilen der Tabelle. Durch Anwenden von display:table-header-group auf das thead-Element wird der Browser angewiesen, die Kopfzeilen als Gruppe zu behandeln und sie bei Bedarf auf jeder Seite zu wiederholen.

Dadurch wird sichergestellt, dass die Tabellenüberschriften durchgehend sichtbar bleiben die gedruckte Ausgabe, auch wenn die Tabelle über eine einzelne Seite hinausgeht.

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