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

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

Lorsqu'un tableau s'étend sur plusieurs pages lors de l'impression, il est souvent souhaitable que les lignes d'en-tête (éléments TH ) répété sur chaque page pour faciliter la consultation. CSS fournit un mécanisme pour y parvenir.

Solution : Utilisation de l'élément THEAD

L'élément THEAD en CSS est conçu spécifiquement à cet effet. Il vous permet de définir un ensemble de lignes d'en-tête qui doivent être répétées sur chaque page imprimée. Voici comment l'utiliser :

1. Enveloppez les en-têtes du tableau dans un élément THEAD :

   <table>
   <thead>
      <tr><th>Header 1</th><th>Header 2</th><th>Header 3</th></tr>
   </thead>
   <tbody>
      <!-- Table data goes here -->
   </tbody>
   </table>

2. Ajoutez le style suivant à votre @page règle :

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

Explication :

• L'élément head sert de conteneur pour les lignes d'en-tête.
• La règle @page définit les marges de la page et inclut une sous-règle @top-left avec la propriété de contenu définie sur element(thead).
• Cette configuration demande au navigateur d'afficher le contenu de l'élément THEAD dans le coin supérieur gauche de chaque page imprimée, répétant ainsi les en-têtes du tableau.

En utilisant l'élément THEAD, vous pouvez vous assurer que les en-têtes de votre tableau sont affichés de manière cohérente sur chaque page imprimée, fournissant ainsi une référence claire et pratique à vos lecteurs.

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!