Tengo una tabla de datos hecha en Angular con TypeScript del siguiente estilo:
+----------+------------+------------+------------+
| | ID | Nombre | Apellido |
+----------+------------+------------+------------+
| [Button] | 00001 | Nom | Ape |
+----------+------------+------------+------------+
Formada por el siguiente código:
<table>
<thead>
<th> </th>
<th> ID </th>
<th> Nombre </th>
<th> Apellido </th>
</thead>
<tbody>
<tr (click)="ComprobarCustomer(customer.id)" *ngFor="let customer of customerList">
<td>
<button click="checkCustomer()">
<fa-icon ... ></fa-icon>
</button>
</td>
<td> {{customer.id}} </td>
<td> {{customer.name}} </td>
<td> {{customer.lastName}} </td>
</tr>
</tbody>
</table>
Necesito que el botón no accione el evento click que contiene la etiqueta <tr>
de alguna forma que no implique quitar el evento de la línea y ponerlo en cada una de las celdas.