
<table id="people-list" class="table">
  <thead>
  <tr class="row">
    <th class="col-sm-4">Nombre</th>
    <th class="col-sm-5">Tipo</th>
    <th class="col-sm-3">&nbsp;</th>
  </tr>
  </thead>
  <tbody>
    <tr *ngFor="let pet of pets" class="row" id="pet-{{pet.id}}">
      <td class="col-sm-4 name">{{pet.name}}</td>
      <td class="col-sm-5 surname">{{pet.kind}}</td>
      <td class="col-sm-3">
        <button class="btn btn-primary edit" (click)="onEdit(pet)">Edit</button>
        <button class="btn btn-warning delete" (click)="onDelete(pet)">Delete</button>
      </td>
    </tr>
  </tbody>
</table>


