vmware clear datagrid什么是数据网格上显示的项目数

时间:2019-01-29 10:18:29

标签: angular typescript angular6 vmware-clarity

我在UI中使用VMware-Clarity,并且在使用数据网格显示数据,我有8项来自结果[]。问题是,如果我将[clrDgPageSize] =“ 3”设置为仅显示要在数据网格上显示的3个项目,则最终将显示所有8个项目。因此,如何更改要在数据网格上显示的项目数。

1 个答案:

答案 0 :(得分:0)

您需要像这样在页脚中声明分页子组件

<clr-dg-pagination #pagination [clrDgPageSize]="3">
    <clr-dg-page-size [clrPageSizeOptions]="[1,3,5,10,20]">Users per page</clr-dg-page-size>
    {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}}
    of {{pagination.totalItems}} users
</clr-dg-pagination>

这是一个有效的堆叠闪电战,默认为三行,显示:https://stackblitz.com/edit/clarity-v1-0-so-54418713-dg-footer-pagination