为什么mat-sort在我的mat-table上不起作用

import { MatSortModule } from '@angular/material/sort';

@NgModule({
  imports: [
    // ...
    MatSortModule
  ],
  // ...
})
export class YourModule { }

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

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

  <mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
  <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>

import { MatSort, MatSortable } from '@angular/material/sort';

export class YourDataSource extends DataSource<any> {
  // ...

  sort: MatSort;

  constructor() {
    super();
    this.sort = new MatSort();
  }

  connect(): Observable<any[]> {
    // 排序逻辑
    return this.data;
  }

  sortData(sort: MatSortable) {
    // 处理排序逻辑
  }

  // ...
}

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

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

  <mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
  <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
</mat-table>