I am using the script from this thread. The problem is when I delete one the rows, numbers is not automatically reorder accordingly.

Below is the code.

<div id="dynamic_field">
    <div class="row">
        <div class="col-lg-1"><div class="form-group"><input type="text" name="requisitionNo[]" value='1' class="form-control" readonly></div></div>
        <div class="col-lg-7"><div class="form-group"><input type="text" name="requisitionDetails[]" class="form-control"></div></div>
        <div class="col-lg-1"><div class="form-group"><input type="text" name="itemPrice[]" class="form-control"></div></div>
        <div class="col-lg-1"><div class="form-group"><input type="text" name="itemQuantity[]" class="form-control"></div></div>
        <div class="col-lg-1"><div class="form-group"><input type="text" name="itemTotal[]" class="form-control"></div></div>
        <div class="col-lg-1"><div class="form-group"></div></div>
    </div>
</div>

<script>
var i = 1;
$('#addRow').click(function() {
  i++;
  $('#dynamic_field').append('<div class="row">' +
    '<div class="col-lg-1"><div class="form-group" id="row_num' + i + '"><input type="text" name="requisitionNo[]" class="form-control reqrow" value="' + i + '" readonly></div></div>' +
    '<div class="col-lg-7"><div class="form-group"><input type="text" name="requisitionDetails[]" class="form-control"></div></div>' +
        '<div class="col-lg-1"><div class="form-group"><input type="text" name="itemPrice[]" class="form-control"></div></div>' +
        '<div class="col-lg-1"><div class="form-group"><input type="text" name="itemQuantity[]" class="form-control"></div></div>' +
        '<div class="col-lg-1"><div class="form-group"><input type="text" name="itemTotal[]" class="form-control"></div></div>' +
    '<div class="col-lg-1"><div class="form-group"><button type="button" id="delRow"><i class="fas fa-trash-alt"></i></button></div></div>' +
    '</div>');
});
$(document).on('click', '#delRow', function() {
  $(this).closest(".row").remove();
  $('input.reqrow').each(function(index) {
    $(this).find("input.reqrow").html('<input type="text" name="requisitionNo[]" value="' + (index + 1) + '" class="form-control" readonly>')
        console.log(index);
  });
  i--;
});
</script>

Hope someone can help me to solve the problem.