使用ngif隐藏mat-table中的行

<mat-table [dataSource]="dataSource">
  <!-- 列定义 -->
  <ng-container matColumnDef="name">
    <mat-header-cell *matHeaderCellDef> 名称 </mat-header-cell>
    <mat-cell *matCellDef="let element" [hidden]="element.hide">
      {{element.name}}
    </mat-cell>
  </ng-container>

  <!-- 其他列定义 -->

  <!-- 行定义 -->
  <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>

import { MatTableDataSource } from '@angular/material/table';

// ...

export class YourComponent {
  dataSource: MatTableDataSource<any>;
  displayedColumns: string[] = ['name', 'otherColumns'];

  constructor() {
    // 假设你有一个包含数据的数组
    const data = [
      { name: 'John', hide: false },
      { name: 'Jane', hide: true },
      { name: 'Bob', hide: false },
      // ...
    ];

    this.dataSource = new MatTableDataSource(data);
  }
}