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

标签 javascript html pagination angular6 ngx-pagination

如何修改此代码以同时获得分页和过滤器?问题是,如果我的表中有 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>

感谢您的宝贵时间!

最佳答案

这样修改就可以了:

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

关于javascript - 同时按列分页和过滤Angular 6,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52869392/

相关文章:

javascript - ID 中具有跳过序列的动态控件

javascript - jQuery 字符串语法

javascript - Highcharts 显示具有多个数据系列的相同 y 轴开始值和结束值

php - 如何在 html 页面中显示数据库的值?

python - rabbitmq内存控制,队列已满,未分页。连接挂起

php - 通过 PHP 分页传递 $_POST 值

spring-boot - Spring Batch 分页阅读器和异常处理

javascript - 加载js文件时出现404错误

javascript - 可以使用 JavaScript 函数调用 Python 函数吗?

html - 小工具文件中的 CSS 样式和转换