Comment puis-je répéter les en-têtes de tableau sur chaque page imprimée à l'aide de CSS ?-tutoriel CSS-php.cn

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

Répéter les en-têtes de tableau en mode impression avec CSS

Il est possible de s'assurer que les en-têtes de tableau () sont répétés à chaque fois. page si un tableau s'étend sur plusieurs pages en utilisant CSS. Ceci peut être réalisé en utilisant l'élément THEAD.

L'élément THEAD représente l'en-tête d'un tableau et est généralement défini dans le

élément. En utilisant l'élément THEAD, vous pouvez regrouper les lignes d'en-tête du tableau et spécifier qu'elles doivent être répétées sur chaque page du document imprimé.

Exemple

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

Copier après la connexion

Cette règle CSS définit la propriété d'affichage de l'élément thead sur table-header-group. Lorsque l'en-tête est défini sur table-header-group, le navigateur garantit que les lignes d'en-tête du tableau sont répétées sur chaque page du document imprimé.

Référence

Référence à la documentation officielle pour plus d'informations sur l'élément THEAD : [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead)

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!

Article précédent：Comment faire en sorte que les images remplissent proportionnellement les divisions en CSS ? Article suivant：Comment puis-je modifier les images des boutons de saisie à l'aide de CSS et gérer les problèmes de compatibilité du navigateur ?

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

2737

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

2855

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

2402

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...