![](/img/trans.png)
[英]Recommendations for a reusable data table with pagination component in Angular 4/5
[英]Pagination in mf data table in angular 6
我想為序列號 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>
嘗試這個 -
<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>
<table>
<tr *ngFor="let result of mf.result; let i = index+1;">
<td>{{result.indexOf(data) + 1}}</td>
<td>{{result.name}}</td>
</tr>
<mfBootstrapPaginator class="pagination-main f-right"> </mfBootstrapPaginator>
</table>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.