J'ai un tableau HTML avec un en-tête et un pied de page:
<table id="myTable">
<thead>
<tr>
<th>My Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>aaaaa</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>My footer</td>
</tr>
<tfoot>
</table>
J'essaye d'ajouter une ligne tbody
avec ce qui suit:
myTable.insertRow(myTable.rows.length - 1);
mais la ligne est ajoutée dans la tfoot
section.
Comment insérer tbody
?
javascript
html
html-table
insert
row
Jérôme Verstrynge
la source
la source
Réponses:
Si vous souhaitez ajouter une ligne dans le
tbody
, obtenez une référence et ajoutez-la ici.Une démo fonctionnelle est ici . Vous pouvez également consulter la documentation
insertRow
ici .la source
tableRef.insertRow(tableRef.rows.length);
vous pouvez simplement utilisertableRef.insertRow(-1);
pour insérer la ligne à la fin du tableau.Vous pouvez essayer l'extrait de code suivant à l'aide de jQuery :
la source
$(table).find('tbody').append( "<tr><td>aaaa</td></tr>" );
Approche de base:
Cela devrait ajouter du contenu au format HTML et afficher la ligne nouvellement ajoutée.
la source
Tu es proche. Ajoutez simplement la ligne au
tbody
lieu detable
:Obtenez simplement une référence à
tBody
(myTbody
) avant utilisation. Notez que vous n'avez pas besoin de passer la dernière position dans une table; il est automatiquement positionné à la fin lors de l'omission d'argument.Une démo en direct est sur jsFiddle .
la source
Je pense que ce script est exactement ce dont vous avez besoin
la source
Ajouter des lignes:
Et les cellules.
la source
J'ai essayé ceci, et cela fonctionne pour moi:
la source
Vous pouvez utiliser l'exemple suivant:
Fichier JavaScript:
la source
Ajouter une colonne, Ajouter une ligne, Supprimer une colonne et Supprimer une ligne.
La manière la plus simple
la source