1. 在需要排序的列中使用 mat-sort-header 指令。
2. 在 mat-table 中使用 matSort 来获取排序的状态和应用排序规则。
3. 在组件代码中使用 ViewChild 来获取 matSort 对象。
4. 使用 MatSort 对象的 sortChange 事件来处理排序的逻辑。

示例代码如下：

HTML：

  
     Name 
     {{ row.name }} 
  

  
     Age 
     {{ row.age }} 
  

  
  

TS:

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

@Component({
  selector: 'app-table-sorting',
  templateUrl: './table-sorting.component.html',
  styleUrls: ['./table-sorting.component.css']
})
export class TableSortingComponent implements OnInit {
  @ViewChild(MatSort, {static: true}) sort: MatSort;

  dataSource = new MatTableDataSource([
    {name: 'John', age: 25},
    {name: 'Emily', age: 36},
    {name: 'Bob', age: 19},
    {name: 'Jane', age: 42},
  ]);
  
  displayedColumns = ['name', 'age'];

  ngOnInit() {
    this.dataSource.sort = this.sort;
  }
}