Angular 为什么数据表排序deosn'；Don’我不在九号公路上工作

我想添加到我的数据表排序，过滤，分页选项，但它不工作，例如排序这里我做了每件事像托特，但

html:

---

Rq：我可以看到排序箭头，但当我单击“无任何结果”时。

您的matColumnDef需要与字段名称匹配。因此，在您的第一列中，将matColumnDef=“Agent”更改为matColumnDef=“Fname”，并相应地更新您的列以显示列。

ReName标记它不是AngularJS，用于询问关于开源JavaScript框架AngularJS（1.x）的问题。不要将此标签用于Angular 2或更高版本；相反，使用[angular]标记；版本2+==角度；没有所谓的

angularjs9

。Angular 9是用TypeScript而不是JS编写的。谢谢您提供的信息，我如何解决我的问题？当我将matColumnDef=“Agent”更改为matColumnDef=“Fname”时，它没有显示任何内容。现在数据表无法显示任何内容。您还必须更改显示的列：dispalyedColumns=['Fname'，'cin'，'email'age'，'role']；'

<mat-table  [dataSource]="dataSource" matSort>
    <ng-container matColumnDef = "Agent" >
        <mat-header-cell *matHeaderCellDef mat-sort-header class="datatable_header"> Agent </mat-header-cell>
        <mat-cell *matCellDef="let user"> {{user?.Fname}} </mat-cell>

    </ng-container>
    <ng-container matColumnDef = "cin">
        <mat-header-cell *matHeaderCellDef mat-sort-header class="datatable_header"> CIN </mat-header-cell>
        <mat-cell *matCellDef="let user"> {{user?.CIN}} </mat-cell>...

export class DashboardComponent implements OnInit {


  dispalyedColumns = ['Agent','cin','email','age','role'];
  @ViewChild(MatSort) sort: MatSort;

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

export class User_infoDataSource extends DataSource<any>{
  sort: MatSort;  
  constructor(private CollectionService: CollectionService){
  super();}
  connect(): Observable<User_info[]>{
    this.CollectionService.getUsers().subscribe((col=>{
      console.log("data table" + col); 
    }));
    return this.CollectionService.getUsers();
  }
  disconnect(){}
}

@NgModule({
    imports: [
      DataTablesModule,
      MatTableModule,
      MatCardModule,
      MatDividerModule,
      MatSortModule,
      RouterModule.forChild(routes)
    ],
    exports: [
      RouterModule, 
      DataTablesModule,
      MatTableModule,
      MatCardModule,
      MatDividerModule,
      MatSortModule
    ]
})