angular5 - angular5-data-table 错误与分页和排序
问题描述
我将 angular5-data-table 与我的 angular 5 应用程序一起使用。(https://www.npmjs.com/package/angular5-data-table)
这是我的代码
<div class="col-md-12">
<data-table id="my-table"
title = "Test Table"
[items] = "testData"
[itemCount] = "testCount"
[expandableRows]="true"
[substituteRows]="false"
[sortAsc]="true"
[limit]=10
>
<data-table-column
[property]="'name'"
[header]="'Name'"
[sortable]="true">
</data-table-column>
<data-table-column
[property]="'age'"
[header]="'Age'"
[sortable]="true">
</data-table-column>
</data-table>
</div>
在这里,我将行数限制设置为 10。但它显示了所有数据。在表的底部结果是说'1 到 10 of 12',但它显示了所有行。它也不支持排序。
Angular CLI:1.7.4 节点:8.11.1 操作系统:win32 x64 Angular:5.2.10
解决方案
处理数据表中的重新加载事件
在您的 HTML 中
<data-table (reload)="reloadItems($event)">
在您的组件中
reloadItems(params){
if(!this.tableResource) return;
this.tableResource.query(params).then(items => this.items = items);
}
推荐阅读
- neural-network - nn.Functinal vs nn - Pytorch
- css - 等价于宽度:-webkit-fill-available 在内部资源管理器中
- linux - 循环退出并转到 bash 中的下一行
- get - 为什么使用 react-hook 从 API 获取数据不一致?
- postgresql - PostgreSQL 用子查询数据更新数组
- css - 删除css网格中的空白
- javascript - 如何在 Javascript 中从数组中获取连续/连续日期?
- python-3.x - Python CRC32 连续计算
- node.js - 使用 OR 条件扩展 TypeScript 中的多个接口
- java - 在目标文件夹中运行 jar 与在项目文件夹中运行 jar