logo
为了能更好地了解您的商业使用需求,请参与 Ant Design Blazor 商业应用调查,一起建设商业应用社区,为企业系统研发赋能!

Pagination分页

采用分页的形式分隔长列表,每次只加载一个页面。

何时使用

  • 当加载/渲染所有数据将花费很多时间时;
  • 可切换页码浏览数据。

Examples

基础分页。

expand code expand code

更多分页。

expand code expand code

改变每页显示条目数。

expand code expand code

快速跳转到某一页。

expand code expand code

迷你版本。

expand code expand code

简单的翻页。

expand code expand code

受控制的页码。

expand code expand code

通过设置 showTotal 展示总共有多少数据。

expand code expand code

展示所有配置选项。

expand code expand code

修改上一步和下一步为文字链接。

expand code expand code

自定义图标。

expand code expand code

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 --
PageHeader页头 Steps步骤条
文档已更新,请点击 此处 更新。
A new version of this app is available. Click here to update.