Comment puis-je répéter les en-têtes de tableau sur plusieurs pages lors de l'impression ?

Répétition des en-têtes de tableau en mode impression

L'élément THEAD est spécifiquement conçu pour résoudre le problème de la répétition des en-têtes de tableau sur plusieurs pages en mode impression . En utilisant l'élément THEAD, vous pouvez définir les lignes d'en-tête d'un tableau qui doivent être répétées sur chaque page si le tableau s'étend sur plusieurs pages.

HTML Balisage :

<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;
}

Explication :

Les ensembles de règles @page les marges d'impression du document.

L'élément head enveloppe les lignes d'en-tête du tableau. En appliquant display: table-header-group à l'élément thead, le navigateur est invité à traiter les lignes d'en-tête comme un groupe et à les répéter sur chaque page si nécessaire.

Cela garantit que les en-têtes du tableau restent visibles tout au long. la sortie imprimée, même si le tableau s'étend au-delà d'une seule page.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!