Pagination

独立分页器,可与表格配合或单独使用。

最后更新

说明

CurrentPage 与 PageChanged 双向绑定,ShowSizeChanger 开启每页条数切换。

常见能力:

  • 页码省略
  • 每页条数
  • 总数信息
  • 首尾页

用法

<Pagination Total="@total" PageSize="20" @bind-CurrentPage="@page" ShowSizeChanger="true" />

API 参数

参数 类型 默认值 说明
CurrentPage int 1 当前页码(1 基)。
CurrentPageChanged EventCallback<int> — 事件
LeftContent RenderFragment null 分页器左侧插槽内容,供使用者自定义(如批量操作、统计等);为空时右侧控件组仍整体右对齐。
MaxButtons int 7 最多显示的页码按钮数量(0 表示不限)。
PageChanged EventCallback<int> — 事件 页码变化回调。
PageSize int 0 每页条数。留默认(0)时取「系统设置 · 列表默认分页大小」;显式传入则以其为准。
PageSizeChanged EventCallback<int> — 事件 每页条数变化回调。
PageSizes Int32[] Int32[] 可选每页条数。
ShowInfo bool true
ShowSizeChanger bool false
Total int 0 总条数。
Visible bool true 取得或设置组件是否可见,默认为false。
VisibleChanged EventCallback<bool> — 事件 取得或设置组件可见性变化时的回调事件。
Class string null 取得或设置组件的CSS类名,用于自定义样式。
Disabled bool false 取得或设置组件是否禁用,默认为false。
Style string null 取得或设置组件的内联样式,用于自定义样式。

所有组件均继承 BaseComponent,除上表参数外还支持 Class、Style、Disabled、Visible。

微信公众号二维码 扫码关注公众号
QQ 交流群二维码 扫码加入 QQ 群