vmware clarity数据网格数据网格上显示的项目数是多少

Question

我使用VMware-Clarity作为我的用户界面，我使用数据网格来显示数据，我有8个来自result[]的项目。问题是，如果我将clrDgPageSize=设置为“3”，只在数据网格上显示3个项目，那么最终将显示所有8个项目。那么，如何更改要在数据网格上显示的项数呢？

Answer 1

您需要在页脚中声明分页子组件，如下所示

<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>

下面是一个工作的stackblitz，默认为三行，显示：https://stackblitz.com/edit/clarity-v1-0-so-54418713-dg-footer-pagination