ajouter une table en javascript - javascript, jquery

j'ai une table qui affiche des données chaque fois qu'un utilisateurclique sur le bouton de l'événement de démarrage, mais j'ai besoin de savoir comment ajouter les enregistrements lorsque l'utilisateur clique à nouveau sur le bouton de démarrage, l'enregistrement précédent est remplacé

voici mon code javascript

function DisplayData(downTime) {
console.log(downTime);
var newContent = "";
$.each(downTime.data, function (i, item) {
newContent += Hesto.Html.StartTR(item.downTime);
newContent += Hesto.Html.CreateTD(item.CategoryName);
newContent += Hesto.Html.CreateTD(item.StartTime);
newContent += Hesto.Html.CreateTD(item.EndTime);
newContent += Hesto.Html.CreateTD(item.Comments);
newContent  = Hesto.Html.EndTR(newContent);
});
$("#DowntimeList").html(newContent);
}

et voici mon code html:

<table id="Downtimetable" class="hesto">
<thead>
<tr>
<th>End Of DownTime</th>
<th>Category Name</th>
<th>Start Time</th>
<th>End Time</th>
<th>Comments</th>
</tr>
</thead>
<tbody id="DowntimeList">

</tbody>
<tfoot>
</tfoot>
</table>

Réponses:

Utilisation append() au lieu d'écraser le html():

$("#DowntimeList").append(newContent);

Comme vous l'avez suggéré dans le titre de votre question, append() il.

$("#DowntimeList").html(newContent);

Devrait être

$("#DowntimeList").append(newContent);

Simplement utiliser,

 document.getElementById("DowntimeList").InnerHtml = document.getElementById("DowntimeList").InnerHtml+newContent