Я пытаюсь условно скрыть строки в моей таблице матов. Некоторые строки будут скрыты, некоторые нет. Между каждым рядом очень маленький разрыв. Однако, когда ряд скрыт, на его месте остается несколько больший разрыв. Есть ли способ, которым я могу скрыть строку без присутствия этого дополнительного пробела?
Я пытался использовать css, чтобы установить отображение / видимость.
HTML:
<table mat-table [dataSource]="dataSource">
<ng-container matColumnDef="Header">
<th mat-header-cell *matHeaderCellDef>Header</th>
<td mat-cell *matCellDef="let row" {{row.title}}</td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns" [ngClass]="{'invisible': row.invisible}">
</table>
css:
.invisible {
visibility: collapse;
}
Это оставляет больший разрыв (возможно, на пару пикселей) между строками, где между ними свернута строка. Я пытался установить для дисплея ничего, но это имеет тот же эффект.