http://javascript.developpez.com/faq...pt/?page=Table

Comme je n'ai que très peu de commentaires à poster sur cette section, j'ai préféré tout grouper.

1- Comment ajouter une ligne à un tableau ?
http://javascript.developpez.com/faq...ble#AjoutLigne
Dans la fonction addRow(), on initialise tout d'abord une variable newRow avec document.getElementById('table').insertRow(-1). La fonction insertRow peut prendre plusieurs paramètre :
Le style "justifié" s'applique mal à ce texte : on des grands espaces entre chaque mot.
Il manque un "s" à "paramètre". Le bout de code contenu dans la phrase n'est pas mis en évidence. Il manque des points à la fin des énumérations.

J'aimerai que l'on insiste sur le fait que innerHTML n'est pas adapté pour insérer des lignes et des cellules dans un tableau et qu'il faut impérativement utiliser les fonctions du DOM. Il faut réserver innerHTML pour insérer du texte non formaté.


Proposition de correction

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<table id="table">
    <tr>
        <td>Cellule 0</td>
        <td>Cellule 1</td>
    </tr>
</table>
<input type="button" value="Ajouter une ligne" onclick="AddRow()" >

Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
<script type="text/javascript">
function AddRow(){
    var newRow = document.getElementById('table').insertRow(-1);
    var newCell = newRow.insertCell(0);
    newCell.innerHTML = '[nouvelle cellule 0]';
    newCell = newRow.insertCell(1);
    newCell.innerHTML = '[nouvelle cellule 1]';
}
</script>

Dans la fonction addRow(), on initialise tout d'abord une variable newRow avec document.getElementById('table').insertRow(-1). La fonction insertRow peut prendre plusieurs paramètres :
  • -1 : La ligne sera ajoutée à la fin du tableau.
  • 0 : La ligne sera ajoutée au début du tableau.
  • autre valeur numérique : la ligne sera ajoutée à la place correspondant à la valeur numérique. Cette valeur ne doit tout de même pas être supérieure au nombre total de lignes du tableau.


Remarque :
La fonction innerHTML n'est pas adaptée pour insérer des lignes et des cellules dans un tableau, il faut impérativement utiliser les fonctions du DOM. Il faut réserver innerHTML pour insérer du texte non formaté.
Voir Utilisation du DOM.

2- Comment écrire dans une cellule d'un tableau ?
http://javascript.developpez.com/faq...EcrireCelleule
On pourra remarquer une faute de frappe dans le lien : #EcrireCelleule au lieu de #EcrireCellule (le lien est tout de même valide malgré la faute).


3- Comment mettre un scrollbar à gauche sur un tableau ?
http://javascript.developpez.com/faq...ble.scrollLeft
RAS