Angular Material 中的默认排序 - 排序标题

# Angular Material 中的默认排序 - 排序标题

typescript
// app.module.ts
import { MatSortModule } from '@angular/material/sort';
@NgModule({
  imports: [
    // 其他模块
    MatSortModule,
  ],
  // 其他配置
})
export class AppModule { }

html
    
    
姓名
    
{{ row.name }}
      
  

typescript
// your-component.component.ts
import { MatTableDataSource } from '@angular/material/table';
export class YourComponent implements OnInit {
  displayedColumns: string[] = ['name', /* 其他列 */];
  dataSource = new MatTableDataSource(/* 你的数据 */);
  @ViewChild(MatSort, { static: true }) sort: MatSort;
  ngOnInit() {
    this.dataSource.sort = this.sort;
  }
}