Блог

В mat-table диалоговом окне «В мате» отображается строка под заголовком. Сталкивался ли кто-нибудь с этим и как мне это исправить?

Ниже приведен код

 lt;h2 mat-dialog-titlegt;dialog titlelt;/h2gt; lt;mat-dialog-content class="mat-typography"gt;  lt;div class="bottom-box"gt;  lt;!-- Add expansion panel here --gt;  lt;table mat-table [dataSource]="data.dataSource" matSortgt;   lt;ng-container matColumnDef="areaName"gt;  lt;th mat-header-cell *matHeaderCellDef mat-sort-headergt; column 1lt;/thgt;  lt;td mat-cell *matCellDef="let row "gt; test data lt;/tdgt;  lt;/ng-containergt;   lt;ng-container matColumnDef="fixture"gt;  lt;th mat-header-cell *matHeaderCellDefgt; column 2 lt;/thgt;  lt;td mat-cell *matCellDef="let row "gt; {{ row.fValue }} lt;/tdgt;  lt;/ng-containergt;   lt;tr mat-header-row *matHeaderRowDef="displayedColumns"gt;lt;/trgt;  lt;tr mat-row *matRowDef="let row; columns: displayedColumns; "gt;lt;/trgt;   lt;!-- Row shown when there is no matching data. --gt;  lt;tr class=" mat-row " *matNoDataRowgt;  lt;td class="mat-cell " colspan=5gt;{{ noItemsFound }}lt;/tdgt;  lt;/trgt;  lt;/tablegt;  lt;mat-paginator [pageSizeOptions]="[5, 10]"gt;lt;/mat-paginatorgt;  lt;/divgt; lt;/mat-dialog-contentgt; lt;mat-dialog-actions align="end"gt;  lt;button mat-raised-button mat-dialog-close color="primary" (click)="onConfirmClick()"gt;{{confirmText}}lt;/buttongt; lt;/mat-dialog-actionsgt;