Estoy intentando mostrar 3 columnas (que son 3 iconos de boostrap) dentro de una columna (herramientas), a la hora de ejecutar la aplicación únicamente se muestra la primera la primera etiqueta , ¿cómo puedo modificar el código para que muestre las 3?
porción de html:
<table mat-table [datasource]="dataSource" matSort class="full-width-table">
<ng-container matColumnDef="herramientas">
<th mat-header-cell *matHeaderCellDef mat-sort-header> Herramientas </th>
<td mat-cell *matCellDef="let row"><i class="bi bi-plus-circle"></i></td>
<td mat-cell *matCellDef="let row"><i class="bi bi-eye"></i></td>
<td mat-cell *matCellDef="let row"><i class="bi bi-trash"></i></td>
</ng-container>
</table>