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

Vous êtes demandeur·se d'emploi ?
Sans diplôme post-bac ?

Devenez Développeur·se web junior

Je postule
Formation
courte
Financée
à 100%

[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é.
  • Editeur
  • Markdown