如何向angular material表添加自定义列？

ng add @angular/material

import { MatTableDataSource } from '@angular/material/table';
import { MatSort } from '@angular/material/sort';
import { ViewChild } from '@angular/core';

dataSource: MatTableDataSource<any>;
@ViewChild(MatSort) sort: MatSort;

ngOnInit() {
  this.dataSource = new MatTableDataSource(yourDataArray);
  this.dataSource.sort = this.sort;
}

<table mat-table [dataSource]="dataSource" matSort>
  <!-- 定义表头 -->
  <ng-container matColumnDef="customColumn">
    <th mat-header-cell *matHeaderCellDef> Custom Column </th>
    <td mat-cell *matCellDef="let element"> {{element.customProperty}} </td>
  </ng-container>

  <!-- 定义其他列 -->
  <ng-container matColumnDef="otherColumn">
    <th mat-header-cell *matHeaderCellDef> Other Column </th>
    <td mat-cell *matCellDef="let element"> {{element.otherProperty}} </td>
  </ng-container>

  <!-- 显示列 -->
  <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
  <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>

displayedColumns: string[] = ['customColumn', 'otherColumn'];