Ajouter une cellule à un tableau avec div
Bonjour à tous, :D
Je voudrais faire en html un tableau dynamique qui ajoute des éléments sur un évènement OnClick sur un boutton.
Voici un échantillon de mon code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
<table>
<tr>
<td>cellulle 1</td>
<td>cellulle 2</td>
<td>cellulle 3</td>
</tr>
<div id="nouvelle_ligne">
</div>
</table>
<input type = "button" value= "Ajouter element" OnClick = "AjouterElement()"> |
en javascript ma fonction qui ajoute le nouvel élément est la suivante :
Code:
1
2
3
4
5
6
7
8
|
<script>
function AjouterElement()
{
var data = "<tr><td>cellulle 4</td><td>cellulle 5</td><td>cellulle 6</td></tr>";
document.getElementById("nouvelle_ligne").innerHTML += data;
}
</script> |
Le problème c'est que ce code n'ajoute pas cette ligne au tableau mais elle l'ajoute à la page au dessus du tableau.8O
Comment pourrais-je faire pour l'ajouter à la fin du tableau.
Merci d'avance de votre aide.:ccool:
Ajouter une cellule à un tableau avec div
Merci encore SpaceFrog, on apprend beaucoup avec toi, :mrgreen:
C'est une bonne solution, mais dans mon cas ce tableau est dynamique et il change périodiquement, suppression, addition, modification d’éléments dans le tableau, etc ...
Par conséquent, cette méthode me parait lourde parce que si je charge ce tableau à chaque fois, surtout que j'envoie des requête http pour remplir chaque ligne du tableau. j'aurais des problème au niveau performance et temps d'affichage.
moi ce que je voudrais faire c'est modifier une partie du tableau, notamment avec un div.
le Div n'est pas un élément du tableau
Merci pour la réponse, j'avoue que ça fait pas longtemps que je fais du web.
Ajouter une cellule à un tableau
y a t'il pas une autre solution ??? je suis bloqué un peu
Ajout de cellule avec les fonction insertRow et insertCell
Ca marche, Merci beaucoup :ccool:
