Tableau dynamique en javascrip
Bonjour,
je travail sur un projet , et j'ai besoin de faire en javascripte un tableau dynamique, le probleme c'est que je c'est comment déclarer des tableau dynamique et comment les travailler.
merci pour votre aide.
je travail sur un projet , et j'ai besoin de faire en javascripte un tableau dynamique, le probleme c'est que je c'est comment déclarer des tableau dynamique et comment les travailler.
merci pour votre aide.
2 réponses
-
Utilise
table = document.createElement('table'); ==> cree la variable qui contient le tableau.
tablebody = document.createElement('tbody'); ==> cree le tableau
table.appendChild(tablebody) ; ==> place tablebody dans table
utilise le même shema pour faire les lignes et colones
tr = document.createElement('tr'); ==>cree une ligne
exception pour th , ne pas oublier de creer la variable th comme ci dessous
var th = document.createElement('th'); ==> insere la premiere ligne du tableau.
cell = document.createElement('td'); ==> cree une celule
texte = document.createTextNode('ok'); ==> cree du texte
td = document.document.createElement('td'); ==> cree une celule
utilise appendChild() sur le même shema que si dessus.-
meeeeeeeerci beaucoup Mix, j'ai 2 petites question, la 1ere: si par exemple je veux afficher le tableau avec un border="1".
la 2eme: si on ne sait pas combien de ligne qu'on veut (selon les enregistrement) il se peut qu'on aura 10ligne ou bien 20, on sait pas le nombre exact ,, comme on va traiter ce cas.
merci encors mix pour ta reponse :) .
-
-
1
TU UTILISE table.setAttribute("border", "1");
2
ca depend de ton tag.
exemple pour une serie d'imput j'utilise
var inputs = document.getElementsByTagName('input'); ==> ca peut etre <P> ou <form> ...dans ce cas c'est <input>
var inputsTaille = inputs.Length
for(var i =0; i<inputsTaille; i++)
{
le code du tableau;
}
si un input est rajouter une ligne est cree en plus;-
-
-
-
-
function ajouter(){
table = document.createElement('table');
tablebody = document.createElement('tbody');
table.appendChild(tablebody) ;
var inputs = document.getElementsByTagName('input')
var inputsTaille = inputs.Length // c'st quoi le role de cette ligne ???
for(var i =0; i<inputsTaille; i++) {
tr = document.createElement('tr');
var th = document.createElement('th');
cell = document.createElement('td');
texte = document.createTextNode('ok');
td = document.document.createElement('td');
}
}}
-
