Comment contrôler les sauts de page dans les grands tableaux avec CSS ?

Comment forcer les sauts de page avec CSS pour les grands tableaux

Lorsque vous travaillez avec des tableaux dynamiques contenant de nombreuses lignes, il devient impératif de contrôler les sauts de page pour une meilleure présentation imprimée. CSS propose deux propriétés essentielles à cet effet : page-break-before et page-break-after.

Pour garantir des sauts de page selon les besoins, le code suivant peut être implémenté :

table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }

La propriété page-break-inside sur l'élément table est définie sur auto, indiquant que le navigateur déterminera automatiquement quand insérer des sauts de page dans le tableau.

Pour les lignes individuelles (tr), le La propriété page-break-inside est définie pour éviter, empêchant les sauts de page de se produire dans une ligne. La propriété page-break-after est définie sur auto, ce qui provoque un saut de page après chaque ligne.

Reportez-vous à la spécification CSS Print Profile du W3C pour obtenir des directives détaillées sur les propriétés d'impression CSS. De plus, les forums de développeurs Salesforce fournissent des discussions et des informations précieuses sur CSS pour les scénarios d'impression.

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!