1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/open-hand-choerodon-ui

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
index.zh-CN.md 1.9 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
ke.wang Отправлено 4 лет назад 1703c81
category cols subtitle type title
Pro Components
1
分页
Navigation
Pagination

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

何时使用

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

API

Pagination

参数 说明 类型 默认值
total 总数 number
page 当前页 number
pageSize 分页数 number
maxPageSize 最大可输入分页数 number 100
pageSizeEditable 可输入分页数 boolean false
onChange 页码改变的回调,参数是改变后的页码及每页条数 (page, pageSize) => void
pageSizeOptions 指定每页可以显示多少条 string[] ['10', '20', '50', '100']
showQuickJumper 是否显示快速跳转至某页 boolean | { goButton: ReactNode } false
hideOnSinglePage 只有一页时是否隐藏分页器 boolean false
showSizeChanger 是否显示分页大小选择器 boolean true
showSizeChangerLabel 是否显示分页大小选择器的标签 boolean true
showTotal 显示总数,当传入function时可自定义显示数据总量和当前数据顺序 boolean | Function(total, range) true
showPager 显示数字按钮 boolean false
itemRender 按钮渲染。type - 按钮类型,可选值:first last prev next jump-prev jump-next (page, type) => ReactNode
sizeChangerPosition 分页大小选择器的位置,可选值: left right string left
sizeChangerOptionRenderer 分页大小选择器的选项渲染器 ({ dataSet, record, text, value}) => ReactNode ({ text }) => text
quickJumperPosition 快速跳转至某页的位置,可选值: left right string right

更多属性请参考 DataSetComponent

Комментарий ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://gitlife.ru/oschina-mirror/open-hand-choerodon-ui.git
git@gitlife.ru:oschina-mirror/open-hand-choerodon-ui.git
oschina-mirror
open-hand-choerodon-ui
open-hand-choerodon-ui
master