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 :

   Header 1	Header 2	Header 3

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

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

Explication :

• L'élément thead sert de conteneur pour les lignes d'en-tête.
• Le @ La règle de 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 efficacement les en-têtes de 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 une référence claire et pratique à vos lecteurs.