I'm trying to make a mat-table, in angular 15, but it's giving the following error:
ERROR TypeError: column.headerCell is undefined
Mt HTML looks like this:
<table mat-table [dataSource]="dataSourceInclusoes">
<ng-container matColumnDef="leito">
<th mat-header-cell *matHeaderCellDef> Leito </th>
<td mat-cell *matCellDef="let paciente">{{ paciente.leito }}</td>
</ng-container>
<ng-container matColumnDef="atendimento">
<th mat-header-cell *matHeaderCellDef> Atendimento </th>
<td mat-cell *matCellDef="let paciente">{{ paciente.atendimento }}</td>
</ng-container>
<ng-container matColumnDef="nomePaciente">
<th mat-header-cell *matHeaderCellDef> Paciente </th>
<td mat-cell *matCellDef="let paciente">{{ paciente.nomePaciente }}</td>
</ng-container>
<ng-container matColumnDef="convenio">
<th mat-header-cell *matHeaderCellDef> ConvĂȘnio </th>
<td mat-cell *matCellDef="let paciente">{{ paciente.convenio }}</td>
</ng-container>
<ng-container matColumnDef="Editar">
<th mat-header-cell *matHeaderCellDef> Editar </th>
<td mat-cell *matCellDef="let paciente"> </td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="colunasTabelaUpload"></tr>
<tr mat-row *matRowDef="let row; columns: colunasTabelaUpload"></tr>
</table>
I don't if it metters but my table is inside a <mat-tab></mat-tab>
My data source look like this:
colunasTabelaUpload = [ 'leito', 'atendimento', 'nomePaciente', 'convenio', 'Editar' ];