Mat Table into mat对话框

import { MatTableDataSource } from '@angular/material/table';
import { MatDialog, MatDialogRef } from '@angular/material/dialog';

dataSource = new MatTableDataSource<YourDataType>(yourDataArray);

<mat-table [dataSource]="dataSource">
  <!-- 定义表格列 -->
  <ng-container matColumnDef="column1">
    <mat-header-cell *matHeaderCellDef> Column 1 </mat-header-cell>
    <mat-cell *matCellDef="let element"> {{element.column1}} </mat-cell>
  </ng-container>

  <ng-container matColumnDef="column2">
    <mat-header-cell *matHeaderCellDef> Column 2 </mat-header-cell>
    <mat-cell *matCellDef="let element"> {{element.column2}} </mat-cell>
  </ng-container>

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

  <!-- 表格行 -->
  <mat-row *matRowDef="let row; columns: ['column1', 'column2', ...]"></mat-row>
</mat-table>

openDialog(): void {
  const dialogRef = this.dialog.open(YourDialogComponent, {
    width: '500px',
    data: this.dataSource // 将表格数据传递给对话框组件
  });
}

<mat-table [dataSource]="data">
  <!-- 表格列的定义 -->
</mat-table>