Pagination分页
采用分页的形式分隔长列表,每次只加载一个页面。
何时使用
- 当加载/渲染所有数据将花费很多时间时;
- 可切换页码浏览数据。
Examples
Pagination API#
属性 | 描述 | 类型 | 默认值 |
---|---|---|---|
Total | 属性数据项总数 | Int32 | 0 |
DefaultCurrent | 属性默认初始页码 | Int32 | 1 |
Disabled | 属性禁用分页 | Boolean | false |
Current | 属性当前页码 | Int32 | 1 |
DefaultPageSize | 属性每页的默认数据项数 | Int32 | 10 |
PageSize | 属性每页数据项数 | Int32 | 10 |
OnChange | 属性当页码改变时调用,它以结果页码和 pageSize 作为参数 | EventCallback<PaginationEventArgs> | -- |
HideOnSinglePage | 属性单页是否隐藏寻呼机 | Boolean | false |
ShowSizeChanger | 属性判断是否显示 PageSize select | Boolean | true when Total >= TotalBoundaryShowSizeChanger |
PageSizeOptions | 属性指定 sizeChanger 选项 | Int32[] | 10, 20, 50, 100 |
OnShowSizeChange | 属性PageSize 改变时调用 | EventCallback<PaginationEventArgs> | -- |
ShowQuickJumper | 属性判断是否可以直接跳转页面 | Boolean | false |
GoButton | 属性快速跳线确认按钮渲染片段 | RenderFragment | -- |
ShowTitle | 属性显示页面项目的标题 | Boolean | true |
ShowTotal | 属性显示总数和范围 | OneOf<Func<PaginationTotalContext, String?, RenderFragment<PaginationTotalContext??? | -- |
Size | 属性指定Pagination的大小,可以设置为small。 | PaginationSize | -- |
Responsive | 属性(未实现)如果未指定 Size,Pagination 将根据窗口的宽度调整大小 | Boolean | true |
Simple | 属性是否使用简单模式 | Boolean | false |
Locale | 属性本地化选项 | PaginationLocale | LocaleProvider.CurrentLocale.Pagination |
ItemRender | 属性页面项目的自定义呈现 | RenderFragment<PaginationItemRenderContext> | -- |
ShowLessItems | 属性显示较少的页面项目 | Boolean | false |
ShowPrevNextJumpers | 属性显示或隐藏下一个/上一个按钮 | Boolean | true |
Direction | 属性语言方向 | String | ltr |
PrevIcon | 属性上一个按钮 | RenderFragment<PaginationItemRenderContext> | -- |
NextIcon | 属性下一步按钮 | RenderFragment<PaginationItemRenderContext> | -- |
JumpPrevIcon | 属性跳转到上一个按钮 | RenderFragment<PaginationItemRenderContext> | -- |
JumpNextIcon | 属性跳到下一个图标 | RenderFragment<PaginationItemRenderContext> | -- |
TotalBoundaryShowSizeChanger | 属性用于确定尺寸变换器是否应使用默认逻辑显示。如果提供了 ShowSizeChanger,则忽略。 | Int32 | 50 |
UnmatchedAttributes | 属性传入的任何其他参数都会被涂抹到容器元素上 | Dictionary<String, Object> | -- |
Id | 属性组件 HTML 的 ID | String | Uniquely Generated ID |
Class | 属性为 DOM 元素指定一个或多个类名。 | String | -- |
Style | 属性指定 DOM 元素的内联样式。 | String | -- |
RefBack | 属性一个 ForwardRef 实例。您可以使用 AntDesign.ForwardRef.Current 获取对内部 DOM 的引用。 |
ForwardRef | -- |