Angular如何在表格中进行分页

import { MatPaginatorModule } from '@angular/material/paginator';

@NgModule({
  imports: [MatPaginatorModule],
  ...
})
export class AppModule { }

<mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>

<table mat-table [dataSource]="dataSource">
  <!-- 表格内容 -->
</table>

import { MatTableDataSource } from '@angular/material/table';
import { MatPaginator } from '@angular/material/paginator';

export class MyComponent implements OnInit, AfterViewInit {
  dataSource: MatTableDataSource<any>;
  @ViewChild(MatPaginator) paginator: MatPaginator;

  ngOnInit() {
    // 初始化数据源
    this.dataSource = new MatTableDataSource<any>(yourDataArray);
  }

  ngAfterViewInit() {
    // 将分页器与数据源绑定
    this.dataSource.paginator = this.paginator;
  }
}