

<DemoTitle title="Pagination" desc="分页器用于分隔长列表，每次只加载一个页面。">
## API

| 属性名 | 描述 | 类型 | 默认值 | 
|--------|--------|--------|--------|
| hideSwitchButton | 是否展示上一页/下一页的切换按钮 | boolean | false | 


<AntdApiRef url="https://ant.design/components/pagination-cn/#api"></AntdApiRef>


## antd API

通用属性参考：[通用属性](/docs/react/common-props)


```jsx
<Pagination onChange={onChange} total={50} />
```


| 参数 | 说明 | 类型 | 默认值 | 版本 | 
|--------|--------|--------|--------|--------|
| align | 对齐方式 | start \| center \| end | - | 5.19.0 | 
| current | 当前页数 | number | - |  | 
| defaultCurrent | 默认的当前页数 | number | 1 |  | 
| defaultPageSize | 默认的每页条数 | number | 10 |  | 
| disabled | 禁用分页 | boolean | - |  | 
| hideOnSinglePage | 只有一页时是否隐藏分页器 | boolean | false |  | 
| itemRender | 用于自定义页码的结构，可用于优化 SEO | (page, type: 'page' \| 'prev' \| 'next', originalElement) => React.ReactNode | - |  | 
| pageSize | 每页条数 | number | - |  | 
| pageSizeOptions | 指定每页可以显示多少条 | number[] | [ |  | 
| responsive | 当 size 未指定时，根据屏幕宽度自动调整尺寸 | boolean | - |  | 
| showLessItems | 是否显示较少页面内容 | boolean | false |  | 
| showQuickJumper | 是否可以快速跳转至某页 | boolean \| { goButton: ReactNode } | false |  | 
| showSizeChanger | 是否展示  | boolean \|  | - | SelectProps: 5.21.0 | 
| showTitle | 是否显示原生 tooltip 页码提示 | boolean | true |  | 
| showTotal | 用于显示数据总量和当前数据顺序 | function(total, range) | - |  | 
| simple | 当添加该属性时，显示为简单分页 | boolean \| { readOnly?: boolean } | - |  | 
| size | 当为  | default | default |  | 
| total | 数据总数 | number | 0 |  | 
| onChange | 页码或  | function(page, pageSize) | - |  | 
| onShowSizeChange | pageSize 变化的回调 | function(current, size) | - |  | 
