Динамическая таблица Laravel с пером данных

Question

Я пытаюсь сделать динамическую таблицу в laravel с начальной загрузкой и пером данных в качестве кнопок редактирования и удаления.Это работает, но я не могу получить эти значки, так что только слово в данный момент ... Было бы здорово узнать, как я могу получить с помощью метода добавить значки данных перо в мои новые строки ...

Вот часть моей таблицы:

<tbody>
 <?php $i = 0 ?>
 @foreach($mails as $mail)
  <?php $i++ ?>
  <tr class="item{{$mail->id}}">
  <th scope="col">{{ $i}}</th>
  <td>{{ $mail->id }}</td>
  <td>{{ $mail->validation_email }}</td>
  <td>
    <button class="edit-modal btn btn-link btn-sm table-ico-del edit" id="{{$mail->id}}"> 
      <span data-feather="edit"></span>
    </button>
 </td>
 <td>
   <button class="btn btn-link btn-sm table-ico-del table-ico-color email-delete-modal" data-id="{{$mail->id}}" data-mail="{{$mail->validation_email}}" data-token="{{csrf_token()}}"><span data-feather="trash-2"></span></button>
 </td>
</tr>

@ endforeach

и часть ajax:

var num = '<?php echo $i;?>';
num++;
$('#my_table').append("<tr class='item"+data.id+"'><th scope='col'>"+num+"</th><td>"+data.id+"</td><td>"+data.validation_email+"</td><td><button class='edit-modal btn btn-link btn-sm table-ico-edit table-ico-color edit' id='"+data.id+"'><span data-feather='edit'></span>Edit</button></td><td><button class='btn btn-link btn-sm table-ico-del table-ico-color fseEmail-delete-modal' data-id='"+data.id+"' data-fsemail='"+data.validation_email+"' data-token='{{csrf_token()}}'><span data-feather='trash-2'></span>Delete</button></td></tr>");