Copier des cellules fusionnées d'un tableau HTML
Bonjour,
Je débute en HTML et Javascript et, après des heures de recherches sur internet, je suis toujours bloqué. Voici mon problème :
J'ai un tableau HTML dans lequel les 2 1ères lignes correspondent à une entête. La hauteur des cellules n'est pas fixe et je souhaiterais ré-insérer ces 2 lignes lorsque la hauteur de mon tableau dépasse un certain nombre de pixels. Toutes mes lignes sont identifiées par id=Lig0 (ou 0 = numéro de ligne).
Voici le script que j'ai écrit :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
| var taille = 0;
var i = 0;
var trouve = false;
while(i<=32 && !trouve) //32 == Nb lignes
{
i++;
var ligne = document.getElementById('Lig'+i);
taille = taille + ligne.clientHeight;
if(taille > 700)
{
trouve = true;
alert('taille = ' + taille + ' à partir de Lig' + i);
var tableau = document.getElementById('TableLignes');
var ligEntete = tableau.insertRow(i-1);
var ligEntete1 = document.getElementById('Lig1Entete');
for(var nbCel=0; nbCel<ligEntete1.cells.length; nbCel++)
{
var Cellule = ligEntete.insertCell(nbCel);
Cellule.innerHTML = ligEntete1.cells(nbCel).innerHTML;
if(nbCel==0 || nbCel==6) {Cellule.rowspan=2;}
}
var ligEntete = tableau.insertRow(i);
var ligEntete2 = document.getElementById('Lig2Entete');
for(var nbCel=0; nbCel<ligEntete2.cells.length; nbCel++)
{
var Cellule = ligEntete.insertCell(nbCel);
Cellule.innerHTML = ligEntete2.cells(nbCel).innerHTML;
}
}
} |
cela fonctionne bien sauf pour les cellules fusionnées. En effet, pour les colonnes 1 et 7, les cellules sont fusionnées sur les 2 lignes. Dans un premier temps, j'avais essayé de copier le innerHTML des 2 <Tr> mais j'avais une erreur inconnue. En copiant cellule par cellule, il m'insère bien mes cellules mais le rowspan ne semble pas fonctionner...
Merci d'avance pour votre aide.
