首页 > 解决方案 > 'MatTableDataSource 类型的参数' 不可分配给 'Collection 类型的参数'。

问题描述

如果我将 ngx-paginator 添加到 mat table,我将面临这个问题。请帮帮我。

   <table mat-table [dataSource]="dataSource| paginate: {itemsPerPage: size, currentPage: p, 
   totalItems: EMP_DATA.length}" class="mat-elevation-z8" matSort>
        
    .
    .
    <pagination-controls (pageChange)="p = $event;paginate(p)"


    [responsive]="true"
    ></pagination-controls>

在 ts 文件中

         size = 10;
         pageIndex = 0;
         p=1;
         dataSource = new MatTableDataSource<EmpElement>(this.EMP_DATA);

          paginate(event: any) {
          this.pageIndex=event;
            }

标签: angularmat-tablengx-pagination

解决方案


从错误中,我假设 EmpElement 不是数组

更改以下行:

 dataSource = new MatTableDataSource<EmpElement[]>(this.EMP_DATA);

推荐阅读