J'ai une grille dont je veux imprimer l'en-tête sur chaque page et je veux imprimer un en-tête de page sur chaque page. Le problème est que l'un ou l'autre fonctionne pour moi. Je n'arrive pas à faire fonctionner les deux en même temps. Voici un exemple de code pour montrer ce que j'ai fait.
<table>
<tr>
<td>
<body onload="thead('tblheader');">
<table id="tblheader">
<tr id="title" >
<td >Page HEADER</td>
</tr>
</table>
</body>
</td>
</tr>
<tr>
<td>
<body onload="AddTHEAD('claimGrid');">
<Gridview id="claimGrid"></GridView>
</body>
</td>
</tr>
</table>
Fonctions Javascript appelées --- Je sais que les deux sont exactement les mêmes J'aurais pu simplement envoyer le nom de la table, mais j'avais d'autres codes dans la deuxième fonction avant.
function AddTHEAD(tableName) {
var table = $get('<%=claimGrid.ClientID %>');
if (table != null) {
var head = document.createElement("THEAD");
head.style.display = "table-header-group";
head.appendChild(table.rows[0]);
table.insertBefore(head, table.childNodes[0]);
}
}
function thead(tableName) {
var table = document.getElementById('tblheader');
if (table != null) {
var head = document.createElement("THEAD");
head.style.display = "table-header-group";
head.appendChild(table.rows[0]);
table.insertBefore(head, table.childNodes[0]);
}
}
Classe CSS
<style type="text/css">
@media print
{
th
{
color:black;
background-color:white;
}
tHead
{
display : table-header-group;
}
}
</style>
Qu'est-ce que je fais de travers ? Si vous avez besoin de plus d'informations, n'hésitez pas à me le demander.