Avoir Google Chrome répéter les en-têtes de tableau sur les pages imprimées
J'aimerais avoir ma table les en-têtes d'répété pour chaque page imprimée, mais il semble que Google Chrome ne prend pas en charge la <thead>
balise bien...est-il un moyen de contourner cela? Je suis en utilisant Google Chrome v13.0.782.215.
Le code de la table est très simple...rien de compliqué:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css" media="all">
@page {
size: landscape;
margin-top: 0;
margin-bottom: 1cm;
margin-left: 0;
margin-right: 0;
}
table {
border: .02em solid #666; border-collapse:collapse;
width:100%;
}
td, th {
border: .02em solid #666; font-size:12px; line-height: 12px;
vertical-align:middle; padding:5px; font-family:"Arial";
}
th { text-align:left; font-size:12px; font-weight:bold; }
h2 { margin-bottom: 0; }
</style>
</head>
<body>
<h2>Page Title</h2>
<table>
<thead>
<tr class="row1">
<th><strong>Heading 1</strong></th>
<th><strong>Heading 2</strong></th>
<th><strong>Heading 3</strong></th>
<th><strong>Heading 4</strong></th>
<th><strong>Heading 5</strong></th>
</tr>
</thead>
<tbody>
<tr class="row2">
<td width="30">...</td>
<td width="30">...</td>
<td width="90">....</td>
<td width="190">...</td>
<td width="420">...</td>
</tr>
<tr class="row1">
<td width="30">...</td>
<td width="30">...</td>
<td width="90">....</td>
<td width="190">...</td>
<td width="420">...</td>
</tr>
....
</tbody>
</table>
</body>
</html>
Aucune information sur ce sujet est la bienvenue.
- Vous pouvez vérifier le Chrome bug tracker pour voir si c'est un bug
- Jiang: je l'ai fait et il semble que c'est un problème de longue date qui n'a jamais été abordé...c'est vraiment frustrant
- Si vous vous souciez de ce bug se fixe dans google Chrome, veuillez utiliser le lien ci-dessous pour consulter le Rapport de Bug et "Star" en cliquant sur l'étoile en haut à gauche.
Vous devez vous connecter pour publier un commentaire.
Je crois que c'est un bug dans google Chrome.
maintenant, il est possible d'imprimer en chrome à l'aide de jQuery..... s'il vous plaît essayez ce code (je suis désolé oublier qui est le créateur de ce code avant que je l'ai modifié et mon anglais n'est pas bon 😀 hehehe)
C'est un accessoire pas encore disponibles dans Webkit, Cligner des yeux, et Vivliostyle, plutôt que dans d'autres plus "imprimer orientée formateurs" (Firefox, IE).
Vous pouvez vérifier l' question pour Google Chrome depuis la version 4 (6 ans et 45 versions en arrière!), où l'on peut apprécier qu'il a un propriétaire récemment (février 2016), qui semble même de travailler sur elle.
Certains parlent a été également lieu dans le W3 où l'on peut apprécier la préoccupation sur l'utilité:
Pendant ce temps, le JS et Jquery codes de @DoctorDestructo et @thefredzx ont été très utiles pour mes utilisateurs n'utilisant pas de Firefox, ni IE (la plupart d'entre eux).
Le premier à être au courant d'une nouvelle version qui inclut cette fonctionnalité, doit remarquer ici, beaucoup d'entre nous apprécient.
De mes tests en chrome réglage
display: table-row-group;
à la thead cesse la question qui se passe.par exemple, si vous essayez d'imprimer le ci-dessous sans le style que vous verrez le numéro sur le dessus de chaque page, mais si vous ajoutez le style, il n'apparaît oncontextmenu.
de navigateur de base des systèmes d', je le conseil aux utilisateurs d'utiliser firefox ou IE à la place;pour les sites web destinés au public, je pense que nous ne pouvons pas vraiment faire quoi que ce soit si les utilisateurs de chrome ou les navigateurs avec des limitations semblables (opéra)