Hola muy buenas tardes a todos! Tengo el siguiente problema.

Tengo una tabla por defecto con una sola fila. Al final de la tabla tengo un boton para agregar una fila mas, entonces la segunda fila tiene el ID=2

Agrego una fila mas y la tercera va a tener el ID=3

Mi problema es: Si borro la segunda tabla, la tercera deberia pasar a ser ID=2. y no se como solucionarlo.

Una posible soluciòn que se me ocurre es que solamente se pueda borrar la ultima fila, asi no se produce èste incoveniente, pero como lo aplicaria??????


Èste es mi Codigo JS que funciona bien:

    $(document).ready(function(){
        /////////////////////////////ADD TABLE ROW CODE///////////////////////////////////
    
        var i=1;
        $('#add').click(function(){
            if(i<5){
              i++;
              $('#dynamic_field').append('<tr id="row'+i+'"><td><input required type="text" name="nombre[]" id="name" class="form-control name" autocomplete="nope"></td><td><input required type="text" name="apellido[]" id="apellido" class="form-control apellido" autocomplete="nope"></td><td><input required type="text" name="vinculo[]" id="celular" class="form-control phone" autocomplete="nope"></td><td><input required type="text" name="ocupacion[]" id="ocupacion" class="form-control phone" autocomplete="nope"></td><td><input type="file" name="ingreso'+i+'" id="ingreso'+i+'"class="form-control files"></td><td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">x</button></td></tr>');
            }else{
              alert("No se pueden agregar mas familiares.");
            }
    
         });
        /////////////////////////////REMOVE TABLE ROW CODE///////////////////////////////////
           $(document).on('click', '.btn_remove', function(){
               i = i - 1;
               var button_id = $(this).attr("id");
               $('#row'+button_id+'').remove();
          });
    });

EDIT FUNCTION GRUPO FAMILIAR.

    private function cargar_archivosgrupofamiliar($item1,$item2,$item3,$item4,$vinput="",$nombre=""){
                $mi_imagen = $vinput;
                $config2['upload_path'] = "./uploads/ingresofamiliar/";
                $config2['file_name'] = $nombre . $item1;
                $config2['allowed_types'] = "jpg|pdf|png|docx";
                $config2['max_size'] = "3000";
                $config2['max_width'] = "2000";
                $config2['max_height'] = "2000";
                // Solo cargar la librería
                $this->load->library('upload');
                // Inicializar para forzar configuración
                $this->upload->initialize($config2);
                if (!$this->upload->do_upload($mi_imagen)) {
                    $archivo = "null";
                }else{
                  $data['datos'] = $this->upload->data();
                  $archivo = $data['datos']['file_name'];
                }
              $datafamiliar = array(
                'nombref' => $item1,
                'apellidof' => $item2,
                'vinculo' => $item3,
                'ocupacion' => $item4,
                'ingresos' => $archivo,
                'dni_becario' => $_POST['dni'],
              );
              $this->db->insert('grupo_familiar' , $datafamiliar);
              $data['datos'] = "";
              $archivo="";
          }