如何使用 React 在 Fluent UI Detaillist 中添加分页

Posted 2023-03-10

【中文标题】如何使用 React 在 Fluent UI Detaillist 中添加分页

【英文标题】：How to add Pagination in Fluent UI Detaillist using react

【发布时间】：2020-12-31 23:36:59

【问题描述】：

我使用此链接创建了示例 https://developer.microsoft.com/en-us/fluentui#/controls/web/detailslist

现在我想在网格中添加分页。请告诉我步骤。

【参考方案1】：

您可以使用import Pagination from '@uifabric/experiments';

  <Pagination
        selectedPageIndex=page
        pageCount=pageCount
        onPageChange=onPageChange
        format
        firstPageIconProps= iconName: 'DoubleChevronLeft' 
        previousPageIconProps= iconName: 'ChevronLeft' 
        nextPageIconProps= iconName: 'ChevronRight' 
        lastPageIconProps= iconName: 'DoubleChevronRight' 
    />