如何在Mat Table - Angular中添加一列？

<mat-table [dataSource]="dataSource">
  <!-- 其他列的定义 -->
  
  <!-- 新列的定义 -->
  <ng-container matColumnDef="newColumn">
    <mat-header-cell *matHeaderCellDef> New Column </mat-header-cell>
    <mat-cell *matCellDef="let row"> {{row.newColumnData}} </mat-cell>
  </ng-container>

  <!-- 表头行 -->
  <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
  <!-- 数据行 -->
  <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>

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

@Component({
  // 组件的其他配置
})
export class YourComponent {
  displayedColumns: string[] = ['column1', 'column2', 'newColumn'];
  dataSource = new MatTableDataSource<YourData>(yourDataArray);

  // 定义新列所需的数据
  yourDataArray: YourData[] = [
    { column1: 'Value 1', column2: 'Value 2', newColumnData: 'New Value 1' },
    // 其他数据行的定义
  ];
}

export interface YourData {
  column1: string;
  column2: string;
  newColumnData: string;
}