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 : Sélectionner tout - Visualiser dans une fenêtre à part
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.