Скрытие столбца таблицы данных мат в угловых 4

Question

<ng-container matColumnDef="jan">

<mat-header-cell [hidden]="true" *matHeaderCellDef  style="font-size: 65%" class="white-text" fxHide [fxShow.gt-md]="true">
  Jan
</mat-header-cell>
<mat-cell *matCellDef="let element" style="font-size: 65%"> <span> </span> </mat-cell>

Я пытаюсь скрыть столбец в угловом 4.Я пытался использовать *ngIf, но там говорится, что нам не разрешено использовать более одного компонента со знаком *.Даже [hidden] не работает.

Answer 1

В вашем mat-header-row вы определяете columnsToDisplay.Это поле можно использовать для управления отображаемыми столбцами:

компонент

columnsToDisplay = ['userName', 'age'];

шаблон

<tr mat-header-row *matHeaderRowDef="columnsToDisplay"></tr>

Подробнее см. В документах .

Это означает, что, изменяя список столбцов, предоставленный для строк, вы можете легко изменить порядок и динамически включать / исключать столбцы.