时间戳

首页 > 解决方案 > 同时按列分页和过滤Angular 6

javascript - 同时按列分页和过滤Angular 6

问题描述

如何修改此代码以同时获得分页和过滤？问题是，如果我的表中有 1000 行并且每页显示 50 行，则筛选依据name将仅应用于显示的 50 个条目。

<tr *ngFor="let user of usersList | paginate: { itemsPerPage: 50, currentPage: p } | filter: 'name' : searchString">
    <td>{{ user.name }}</td>
    <td>{{ user.email }}</td>
    <td>{{ user.office }}</td>
</tr>
<pagination-controls (pageChange)="p=$event" previousLabel="Previous" nextLabel="Next"></pagination-controls>

感谢您的时间！

标签： javascripthtmlpaginationangular6ngx-pagination

解决方案

只需这样修改：

<tr *ngFor="let user of usersList | filter: 'name' : searchString | paginate: { itemsPerPage: 50, currentPage: p }; let i=index">

推荐阅读