nombre de lignes ne fonctionne pas correctement lorsque je supprime la ligne dans append une ligne javascript

J’utilise javascript pour append des lignes, tout fonctionne correctement, mais lorsque je supprime la ligne du milieu, le nombre de lignes n’est pas mis à jour.

Les lignes comptent comme ça: 1,2,3,4,5

si je supprime la 3ème rangée sa venue comme: 1,2,4,5

HTML

# Name Delete
1

Javascript

 function deleteRow(row) { var i = row.parentNode.parentNode.rowIndex; if (i > 1) { document.getElementById('add-row').deleteRow(i); } else { document.getElementById('add-row').getElementsByTagName('input')[0].value = ''; } } function insRow() { var x = document.getElementById('add-row'); var x1 = document.getElementById('add-row1'); var new_row = x.rows[1].cloneNode(true); var len = x.rows.length; new_row.cells[0].innerHTML = len - 1; var inp1 = new_row.cells[1].getElementsByTagName('input')[0]; inp1.id += len; inp1.value = ''; x1.appendChild(new_row); } 
 
# Name Delete
1

 function deleteRow(row) { var i = row.parentNode.parentNode.rowIndex; if (i > 1) { document.getElementById('add-row').deleteRow(i); update_number(i); } else { document.getElementById('add-row').getElementsByTagName('input')[0].value = ''; } } function update_number(i) { var table = document.getElementById("add-row"); for (var r = 1, n = table.rows.length; r < n; r++) { for (var c = 0, m = table.rows[r].cells.length; c < 1; c++) { var table_date = table.rows[r].cells[0].innerHTML; if(!isNaN(table_date)){ if (i < table_date) { var new_data = table_date - 1; table.rows[r].cells[0].innerHTML = new_data; } } } } } function insRow() { var x = document.getElementById('add-row'); var x1 = document.getElementById('add-row1'); var new_row = x.rows[1].cloneNode(true); var len = x.rows.length; new_row.cells[0].innerHTML = len - 1; var inp1 = new_row.cells[1].getElementsByTagName('input')[0]; inp1.id += len; inp1.value = ''; x1.appendChild(new_row); } 
 
# Name Delete
1

Vous devez régénérer le numéro de ligne à chaque changement de ligne pour cela,

 function RefreshRowNumber(){ $("#add-row1 tr").each(function(i,n){ var td = $(this).find('td:eq(0)').html('').append(i+1); }); } 

Essayez de mettre à jour votre code comme indiqué ci-dessous

 function deleteRow(row) { // your code here RefreshRowNumber(); } function insRow() { // your code here RefreshRowNumber(); }