Bonjour je souhaiterais ajouter des lignes vierges à un tableau mais lorsque j'appuie sur "ajouter" un ligne toute fine apparait, presque comme un seul trait...
Voici ma fonction (que j'ai trouvé sur le net puis modifié):
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
| <script language=javascript>
function addRow(tableau){
var tableau = document.getElementById(tableau);
//Calcul du nombre de cellule par ligne dans le tableau -> on regarde combien il y a de td dans le premier tr
var tds = tableau.getElementsByTagName('tr')[1].getElementsByTagName('td').length;
var tr = document.createElement('tr'); //On créé une ligne
//On ajoute autant les cellules
for(var i=0; i<tds; i++){
var td = document.createElement('td');
tr.appendChild(td);
}
//On ajoute la ligne créée au tableau : attention, sur firefox on peut ajouter directement au tableau, mais IE ajoute par défaut un noeud tbody à la table
if(tableau.firstChild.tagName == 'TBODY'){
tableau.firstChild.appendChild(tr);
}
else{
tableau.appendChild(tr);
}
} |
<a href="javascript:addRow('matable');">Ajouter une ligne</a>
Merci de votre aide
Partager