angular - 在 Angular 6的MF数据表中分页

Question

我想为序列号从1到10的MF数据表创建分页，在上一页的下一页继续进行。

在ts

public rowsOnPage = 10;

在HTML

<table>
  <tr *ngFor="let data of mf.data; let i = index;">
        <td>{{i + 1}}</td>
        <td>{{data.name}}</td>
        <td>{{data.age}}</td>
   </tr>

  <mfBootstrapPaginator class="pagination-main f-right">  </mfBootstrapPaginator>
</table>

Answer 1

试试这个 -

<table>
  <tr *ngFor="let data of mf.data; let i = index;">
        <td>{{data.indexOf(data) + 1}}</td>
        <td>{{data.name}}</td>
        <td>{{data.age}}</td>
   </tr>

  <mfBootstrapPaginator class="pagination-main f-right">  </mfBootstrapPaginator>
</table>