La table HTML est coupée lors de l'impression

J'utilise Firefox et j'essaie de permettre une impression nette d'une table affichée. Voici mon code.La table HTML est coupée lors de l'impression

<style type="text/css"> 
table { 
font-family: arial, sans-serif; 
border-collapse: collapse; 
width: 100%; 
} 

td, th { 
border: 1px solid #dddddd; 
text-align: left; 
padding: 8px; 
} 

tr:nth-child(even) { 
background-color: #eee; 
} 

@media print { 
@page { margin: 0; } 
body { margin: 1.6cm; } 
} 

@media print { 
a[href]:after { 
content: none !important; 
    } 
} 
</style> 
<body> 
<div> 
<table class="header"> 
<thead> 
<TR> 
    <TH>x</TH> 
</TR> 
</thead> 
<TR> 
    <TD>x</TD> 
</TR>

Beaucoup plus de lignes et de colonnes sont dans mon code mais je ne les ai pas inclus. Le <thead> fonctionne correctement dans Firefox mais quand je vais l'imprimer la ligne est légèrement coupée par l'imprimante car elle doit se fermer vers le haut de la page. Comment puis-je ajouter un rembourrage ou quelque chose pour que rien ne soit coupé par l'imprimante?

Voici un code que je l'ai déjà essayé et n'a pas fonctionné

<style> 
@media print { 
tr.vendorListHeading { 
background-color: #1a4567 !important; 
-webkit-print-color-adjust: exact; 
    } 
} 

@media print { 
.vendorListHeading th { 
color: white !important; 
    } 
} 

table { page-break-inside:auto } 
tr { page-break-inside:avoid; page-break-after:auto } 
thead { display:table-header-group } 
tfoot { display:table-footer-group } 
</style>

Source

2016-08-26 Thomas

vous êtes sûr que c'est le html, et pas seulement votre imprimante qui coupe parce que ce bit est en dehors de sa zone imprimable? –

@MarcB Je pense que c'est le problème exact, donc je veux pousser le vers le bas pour qu'il ne reste pas bloqué en dehors de la zone imprimable – Thomas

Vous pouvez ajouter du remplissage à la page en utilisant la marge de la page ou le remplissage CSS.

Source

2016-08-29 18:36:30 imapotatoe123

Honnêtement, je vous suggère simplement de prendre une capture d'écran et redimensionner l'image dans un éditeur de documents, etc., puis l'impression que hors tension.

Il semble que l'effort inutile pour commencer à rembourrer des choses etc. lorsque le problème semble être que votre imprimante n'imprime pas jusqu'au bord de la page.

Source

2016-08-26 15:08:27 TauOmicronMu

Je veux que mes spectateurs puissent facilement imprimer la page et avoir un papier copie de la table en direct. – Thomas

Ah je vois! Pourriez-vous exporter la page en tant qu'image et utiliser un blob pour inviter l'utilisateur à le télécharger et à l'imprimer? – TauOmicronMu

Je veux dire que je pourrais, mais j'essaie de le rendre simple et facile sans le tracas de télécharger et de traiter tous ces fichiers. – Thomas

La table HTML est coupée lors de l'impression

Répondre

Questions connexes