无法隐藏角度材料的弹性布局行

.mat-row, .mat-header-row {
  display: none; /* 隐藏所有行 */
}

/* 或者隐藏特定的行 */
.hide-row .mat-row, .hide-row .mat-header-row {
  display: none;
}

<div class="hide-row">
  <mat-table [dataSource]="dataSource">
    <!-- 表格列定义 -->
  </mat-table>
</div>

<mat-table [dataSource]="dataSource">
  <ng-container matColumnDef="column1">
    <th mat-header-cell *matHeaderCellDef> Column 1 </th>
    <td mat-cell *matCellDef="let element"> {{element.column1}} </td>
  </ng-container>
  <!-- 其他列定义 -->
  <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
  <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</mat-table>

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  displayedColumns: string[] = ['column1', 'column2'];
  dataSource = [
    { column1: 'Value 1', column2: 'Value 2' },
    // 其他数据
  ];
}