Laravel - Как добавить серийный номер к входу Dynami c

Question

Я использую Laravel -5,8 для проекта веб-приложения. У меня есть эти динамические c поля ввода, которые генерируют массивы полей ввода при нажатии кнопки +:

 <table class="table table-bordered">
   <thead>
     <tr>
       <th scope="col">Activity<span style="color:red;">*</span></th>
       <th scope="col">KPI<span style="color:red;">*</span></th>
       <th scope="col">Start Date<span style="color:red;">*</span></th>
       <th scope="col">End Date<span style="color:red;">*</span></th>
       <th scope="col"><a class="btn btn-info addRow"><i class="fa fa-plus"></i></a></th>
     </tr>
   </thead>
   <tbody>
     <tr>
        <td><input type="text" name="activity[]" class="form-control activity" ></td>
        <td><input type="text" name="kpi_description[]" class="form-control kpi_description" ></td>
        <td><input type="date" class="form-control start_date" placeholder="dd/mm/yyyy" name="start_date[]"  min="{{Carbon\Carbon::now()->firstOfYear()->format('Y-m-d')}}" max="{{Carbon\Carbon::now()->lastOfYear()->format('Y-m-d')}}"></td>
        <td><input type="date" class="form-control end_date" placeholder="dd/mm/yyyy" name="end_date[]"  min="{{Carbon\Carbon::now()->firstOfYear()->format('Y-m-d')}}" max="{{Carbon\Carbon::now()->lastOfYear()->format('Y-m-d')}}"></td>
         <td><a class="btn btn-danger remove"> <i class="fa fa-times"></i></a></td>
        </tr>
      </tbody>

    </table>

<script type="text/javascript">
    $(document).ready(function(){
        $('.addRow').on('click', function () {
    var numRows = $('.activity').length
        });

        function addRow() {
            var addRow = '<tr>\n' +
'                                <td><input type="text" name="activity[]" class="form-control activity" ></td>\n' +
'                                <td><input type="text" name="kpi_description[]" class="form-control kpi_description" ></td>\n' +
'                                <td><input type="date" class="form-control start_date" placeholder="dd/mm/yyyy" name="start_date[]"  min="{{Carbon\Carbon::now()->firstOfYear()->format('Y-m-d')}}" max="{{Carbon\Carbon::now()->lastOfYear()->format('Y-m-d')}}"></td>\n' +
'                                <td><input type="date" class="form-control end_date" placeholder="dd/mm/yyyy" name="end_date[]"  min="{{Carbon\Carbon::now()->firstOfYear()->format('Y-m-d')}}" max="{{Carbon\Carbon::now()->lastOfYear()->format('Y-m-d')}}"></td>\n' +
'                                <td><a   class="btn btn-danger remove"> <i class="fa fa-times"></i></a></td>\n' +
'                             </tr>';
            $('tbody').append(addRow);
            addRemoveListener();
        };
    addRemoveListener();
});

</script>

Я хочу создать еще один столбец с именем serial_no, чтобы при нажатии на кнопку «+» нумерация colmuns осуществлялась последовательно, как в 1,2,3 ...

Как мне этого добиться?

Спасибо