Comment faire pour insérer une ligne dans la table HTML corps en JavaScript
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>
Je suis en train d'ajouter une ligne dans tbody
avec les éléments suivants:
myTable.insertRow(myTable.rows.length - 1);
mais la ligne est ajoutée dans la tfoot
section.
Comment puis-je insérer tbody
?
Vous devez vous connecter pour publier un commentaire.
Si vous souhaitez ajouter une ligne dans la
tbody
, obtenir une référence à elle et l'ajouter là.Un travail de démonstration ici.
Aussi, vous pouvez consulter la documentation de
insertRow
ici.tableRef.insertRow(tableRef.rows.length);
vous pouvez simplement utilisertableRef.insertRow(-1);
pour insérer la ligne à la fin de la table.Vous pouvez essayer l'extrait de code suivant à l'aide de Jquery.
find('tbody')
a droit.$(table).find('tbody').append( "<tr><td>aaaa</td></tr>" );
Vous êtes à proximité, il suffit d'ajouter la ligne à la
tbody
au lieu detable
:Juste obtenir une référence à
tBody
(myTbody
) avant de l'utiliser. Un avis, que vous n'avez pas besoin de passer à la dernière position dans un tableau, il est automatiquement placé à la fin lorsque l'omission argument.Une démo en live à jsFiddle.
Approche De Base:
Cela devrait ajouter le contenu au format html et de montrer nouvellement ajouté à la ligne.
Je pense que ce script est exactement ce que vous avez besoin
J'ai essayé ceci,
ce travail est pour moi
ajouter des lignes
HTML:
et les cellules
Vous pouvez utiliser l'exemple suivant
Fichier JS:
Je pense que c'est le meilleur moyen d'ajouter une ligne à la table: