从表中删除行后，动态ID不起作用

Question

我有一个带有feeSetting id的表。它包含动态数据，我可以添加和删除删除行到表。我动态生成了id，它们工作正常，直到用户删除行并再次添加新行，它覆盖了最后一行的唯一ID。我希望表生成具有动态添加和删除功能的唯一ID。我添加行的代码如下。

<tablen id="feeSetting ">
<tbody>
</tbody>
</table>

<script>
     function AddRow() {
            debugger;
            var index = 0;
            if ($("#feeSetting tbody tr").length > 0) {
                  index = $("#feeSetting tbody tr").length;

            }

            $("#feeSetting tbody").append("<tr class='gradeX'>"

                + "<td class='col-md-3'><input type='text'  value='' class='form-control validate[required,custom[number]] text-input txtFromDay' id='eFromDay'/></td>"
                + "<td class='col-md-3'><input type='text' class='form-control validate[required,custom[number],min[1]] text-input txtValue' value='' id='eValue-" + index + "'/></td>"
                + "<td class='col-md-4'>"
                + "<div id='loadTypes-" + index + "'  class='typeValidation'></div></td>"
                + "<td class='col-md-2'><input type='button' class='btn btn-danger btn-sm' value='  Remove '/></td>"
                + "</tr>");
            renderPartialInDiv('@Url.Action("GetValidationTypeDropDown", "FeeFineSetting")?strDDName=eValidationTypeList-' + index + '&intDDID=0&intValidationID=1', '#loadTypes-' + index);
            $('#eValidationTypeList-'+index).select2();
        };
</script>