Ajouter dynamiquement une ligne dans un tableau HTML avec jQuery

Bonjour,

Je voudrais savoir quelle est la meilleure méthode en jQuery pour ajouter dynamiquement une ligne à la fin d’un tableau?

Merci.

Voici un simple exemple:

Code HTML:

D’abord vous devez s’assurer que votre tableau HTML inclut toujours au moins un tbody dans votre balisage, même s’il n’a pas de lignes.

<table id="myTable">
  <tbody>
    <tr>...</tr>
    <tr>...</tr>
  </tbody>
</table>

Code jQuery:

Méthode 1:

$('#myTable tr:last').after('<tr><td>Texte1</td><td>Texte2</td></tr>');

Méthode 2:

$('#myTable > tbody:last-child').append('<tr><td>Texte1</td><td>Texte2</td></tr>');

C’est simple:

$('#myTable').append('<tr><td>lorem</td><td>ipsum</td></tr>');

Voir ce tutoriel: