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

【问题标题】：How to add Pagination in Fluent UI Detaillist using react如何使用 React 在 Fluent UI Detaillist 中添加分页
【发布时间】：2020-12-31 23:36:59
【问题描述】：

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

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

【问题讨论】：

标签： reactjs .net-core pagination fluent-ui

【解决方案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' }}
    />

【讨论】：