Partage

[Print css] Texte du <thead> qui ne s'affiche pas

15 mai 2018 à 9:39:38

Bonjour à tous,

Je me permet de me tourner vers vous pour un petit problème bien embêttant :

J'ai un tableau en HTML/CSS classique: 

<table id="table_dpi">
    <caption>DPI en cours</caption>
    <thead>
	<tr>
	    <th class="cellule_action"></th>
	    <th class="cellule_action"></th>
	    <th class="cellule_action"></th>
	    <th>Agence intérim</th>
	    <th>Date début</th>
	    <th>Date fin</th>
	    <th>Poste</th>
	    <th>Taux horaire</th>
	    <th>Type de mission</th>
	    <th>Contrat</th>
	    <th>Secteur</th>
	    <th>Motif de la mission</th>
	    <th>Date début 1<sup>ère</sup> mission</th>
	    <th>Mois depuis 1<sup>ère</sup> mission</th>
	</tr>
    </thead>	
    <tbody>...........</tbody>
</table>




Jusque là tout va bien mon tableau s'affiche correctement.

Le problème c'est que je souhaite imprimer ce tableau. J'ai donc utilisé dans ma feuille de style css l'élément @media print : 

@media print {
    @page {
	size: landscape;
	margin:15px 0px 15px 0;
    }

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



Mon problème est que, lorsque j'imprime, mon <thead></thead> ne s'affiche correctement que sur la 1ère page d'impression. Sur les pages suivantes, j'ai bien les bordures du thead qui s'affichent mais pas leur texte. Et je ne sais pas pourquoi.

Voici une capture d'écran pour vous illustrer le problème : 

1ère page :

1ère page d'impression

Pages suivantes : 

Pages suivantes

Si vous aviez une idée d'où vient le problème ce serait génial.

Merci d'avance

-
Edité par TontonGIRP 15 mai 2018 à 10:10:23

15 juin 2018 à 9:03:45

Bonjour à tous, 

Je reviens vers vous car je n'ai toujours pas de solution à mon problème.

Si quelqu'un avais une idée, ce serait génial

Merci d'avance

[Print css] Texte du <thead> qui ne s'affiche pas

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
  • Editeur
  • Markdown