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

OSCHINA-MIRROR/open-hand-choerodon-ui

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
index.en-US.md 1.8 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
Vink Dong Отправлено 7 лет назад f03bd7d
category type title cols
Components
Navigation
Pagination
1

A long list can be divided into several pages by Pagination, and only one page will be loaded at a time.

When To Use

  • When it will take a long time to load/render all items.
  • If you want to browse the data by navigating through pages.

API

<Pagination onChange={onChange} total={50} />
Property Description Type Default
current current page number number -
defaultCurrent default initial page number number 1
defaultPageSize default number of data items per page number 10
hideOnSinglePage Whether to hide pager on single page boolean false
itemRender to customize item innerHTML (page, type: 'page' | 'prev' | 'next', originalElement) => React.ReactNode -
pageSize number of data items per page number -
pageSizeOptions specify the sizeChanger options string[] ['10', '20', '30', '40']
showQuickJumper determine whether you can jump to pages directly boolean false
showSizeChanger determine whether pageSize can be changed boolean false
showTotal to display the total number and range Function(total, range) -
simple whether to use simple mode boolean -
tiny whether to use simple mode boolean true
size specify the size of Pagination, can be set to small string ""
total total number of data items number 0
onChange a callback function, executed when the page number is changed, and it takes the resulting page number and pageSize as its arguments Function(page, pageSize) noop
onShowSizeChange a callback function, executed when pageSize is changed Function(current, size) noop

Опубликовать ( 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