Maison >interface Web >tutoriel CSS >Comment puis-je répéter les en-têtes de tableau sur chaque page imprimée à l'aide de CSS ?
Comment puis-je répéter les en-têtes de tableau sur chaque page imprimée à l'aide de CSS ?
Barbara Streisandoriginal
2024-12-03 17:22:11535parcourir
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; }
}
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!
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
