JSPM

  • Created
  • Published
  • Downloads 1749518
  • Score
    100M100P100Q198764F
  • License MIT

pagination ui component for react

Package Exports

  • rc-pagination
  • rc-pagination/assets/index.css
  • rc-pagination/es/index.js
  • rc-pagination/es/locale/ar_EG
  • rc-pagination/es/locale/ar_EG.js
  • rc-pagination/es/locale/az_AZ
  • rc-pagination/es/locale/az_AZ.js
  • rc-pagination/es/locale/bg_BG
  • rc-pagination/es/locale/bg_BG.js
  • rc-pagination/es/locale/bn_BD
  • rc-pagination/es/locale/bn_BD.js
  • rc-pagination/es/locale/by_BY
  • rc-pagination/es/locale/by_BY.js
  • rc-pagination/es/locale/ca_ES
  • rc-pagination/es/locale/ca_ES.js
  • rc-pagination/es/locale/cs_CZ
  • rc-pagination/es/locale/cs_CZ.js
  • rc-pagination/es/locale/da_DK
  • rc-pagination/es/locale/da_DK.js
  • rc-pagination/es/locale/de_DE
  • rc-pagination/es/locale/de_DE.js
  • rc-pagination/es/locale/el_GR
  • rc-pagination/es/locale/el_GR.js
  • rc-pagination/es/locale/en_GB
  • rc-pagination/es/locale/en_GB.js
  • rc-pagination/es/locale/en_US
  • rc-pagination/es/locale/en_US.js
  • rc-pagination/es/locale/es_ES
  • rc-pagination/es/locale/es_ES.js
  • rc-pagination/es/locale/et_EE
  • rc-pagination/es/locale/et_EE.js
  • rc-pagination/es/locale/eu_ES
  • rc-pagination/es/locale/eu_ES.js
  • rc-pagination/es/locale/fa_IR
  • rc-pagination/es/locale/fa_IR.js
  • rc-pagination/es/locale/fi_FI
  • rc-pagination/es/locale/fi_FI.js
  • rc-pagination/es/locale/fr_BE
  • rc-pagination/es/locale/fr_BE.js
  • rc-pagination/es/locale/fr_CA
  • rc-pagination/es/locale/fr_CA.js
  • rc-pagination/es/locale/fr_FR
  • rc-pagination/es/locale/fr_FR.js
  • rc-pagination/es/locale/ga_IE
  • rc-pagination/es/locale/ga_IE.js
  • rc-pagination/es/locale/gl_ES
  • rc-pagination/es/locale/gl_ES.js
  • rc-pagination/es/locale/he_IL
  • rc-pagination/es/locale/he_IL.js
  • rc-pagination/es/locale/hi_IN
  • rc-pagination/es/locale/hi_IN.js
  • rc-pagination/es/locale/hr_HR
  • rc-pagination/es/locale/hr_HR.js
  • rc-pagination/es/locale/hu_HU
  • rc-pagination/es/locale/hu_HU.js
  • rc-pagination/es/locale/id_ID
  • rc-pagination/es/locale/id_ID.js
  • rc-pagination/es/locale/is_IS
  • rc-pagination/es/locale/is_IS.js
  • rc-pagination/es/locale/it_IT
  • rc-pagination/es/locale/it_IT.js
  • rc-pagination/es/locale/ja_JP
  • rc-pagination/es/locale/ja_JP.js
  • rc-pagination/es/locale/ka_GE
  • rc-pagination/es/locale/ka_GE.js
  • rc-pagination/es/locale/kk_KZ
  • rc-pagination/es/locale/kk_KZ.js
  • rc-pagination/es/locale/km_KH
  • rc-pagination/es/locale/km_KH.js
  • rc-pagination/es/locale/kmr_IQ
  • rc-pagination/es/locale/kmr_IQ.js
  • rc-pagination/es/locale/kn_IN
  • rc-pagination/es/locale/kn_IN.js
  • rc-pagination/es/locale/ko_KR
  • rc-pagination/es/locale/ko_KR.js
  • rc-pagination/es/locale/lt_LT
  • rc-pagination/es/locale/lt_LT.js
  • rc-pagination/es/locale/lv_LV
  • rc-pagination/es/locale/lv_LV.js
  • rc-pagination/es/locale/mk_MK
  • rc-pagination/es/locale/mk_MK.js
  • rc-pagination/es/locale/ml_IN
  • rc-pagination/es/locale/ml_IN.js
  • rc-pagination/es/locale/mn_MN
  • rc-pagination/es/locale/mn_MN.js
  • rc-pagination/es/locale/ms_MY
  • rc-pagination/es/locale/ms_MY.js
  • rc-pagination/es/locale/nb_NO
  • rc-pagination/es/locale/nb_NO.js
  • rc-pagination/es/locale/nl_BE
  • rc-pagination/es/locale/nl_BE.js
  • rc-pagination/es/locale/nl_NL
  • rc-pagination/es/locale/nl_NL.js
  • rc-pagination/es/locale/pl_PL
  • rc-pagination/es/locale/pl_PL.js
  • rc-pagination/es/locale/pt_BR
  • rc-pagination/es/locale/pt_BR.js
  • rc-pagination/es/locale/pt_PT
  • rc-pagination/es/locale/pt_PT.js
  • rc-pagination/es/locale/ro_RO
  • rc-pagination/es/locale/ro_RO.js
  • rc-pagination/es/locale/ru_RU
  • rc-pagination/es/locale/ru_RU.js
  • rc-pagination/es/locale/si_LK
  • rc-pagination/es/locale/si_LK.js
  • rc-pagination/es/locale/sk_SK
  • rc-pagination/es/locale/sk_SK.js
  • rc-pagination/es/locale/sl_SI
  • rc-pagination/es/locale/sl_SI.js
  • rc-pagination/es/locale/sr_RS
  • rc-pagination/es/locale/sr_RS.js
  • rc-pagination/es/locale/sv_SE
  • rc-pagination/es/locale/sv_SE.js
  • rc-pagination/es/locale/ta_IN
  • rc-pagination/es/locale/ta_IN.js
  • rc-pagination/es/locale/th_TH
  • rc-pagination/es/locale/th_TH.js
  • rc-pagination/es/locale/tk_TK
  • rc-pagination/es/locale/tk_TK.js
  • rc-pagination/es/locale/tr_TR
  • rc-pagination/es/locale/tr_TR.js
  • rc-pagination/es/locale/uk_UA
  • rc-pagination/es/locale/uk_UA.js
  • rc-pagination/es/locale/ur_PK
  • rc-pagination/es/locale/ur_PK.js
  • rc-pagination/es/locale/vi_VN
  • rc-pagination/es/locale/vi_VN.js
  • rc-pagination/es/locale/zh_CN
  • rc-pagination/es/locale/zh_CN.js
  • rc-pagination/es/locale/zh_TW
  • rc-pagination/es/locale/zh_TW.js
  • rc-pagination/lib/index.js
  • rc-pagination/lib/locale/ar_EG
  • rc-pagination/lib/locale/ar_EG.js
  • rc-pagination/lib/locale/az_AZ
  • rc-pagination/lib/locale/az_AZ.js
  • rc-pagination/lib/locale/bg_BG
  • rc-pagination/lib/locale/bg_BG.js
  • rc-pagination/lib/locale/bn_BD
  • rc-pagination/lib/locale/bn_BD.js
  • rc-pagination/lib/locale/by_BY
  • rc-pagination/lib/locale/by_BY.js
  • rc-pagination/lib/locale/ca_ES
  • rc-pagination/lib/locale/ca_ES.js
  • rc-pagination/lib/locale/cs_CZ
  • rc-pagination/lib/locale/cs_CZ.js
  • rc-pagination/lib/locale/da_DK
  • rc-pagination/lib/locale/da_DK.js
  • rc-pagination/lib/locale/de_DE
  • rc-pagination/lib/locale/de_DE.js
  • rc-pagination/lib/locale/el_GR
  • rc-pagination/lib/locale/el_GR.js
  • rc-pagination/lib/locale/en_GB
  • rc-pagination/lib/locale/en_GB.js
  • rc-pagination/lib/locale/en_US
  • rc-pagination/lib/locale/en_US.js
  • rc-pagination/lib/locale/es_ES
  • rc-pagination/lib/locale/es_ES.js
  • rc-pagination/lib/locale/et_EE
  • rc-pagination/lib/locale/et_EE.js
  • rc-pagination/lib/locale/eu_ES
  • rc-pagination/lib/locale/eu_ES.js
  • rc-pagination/lib/locale/fa_IR
  • rc-pagination/lib/locale/fa_IR.js
  • rc-pagination/lib/locale/fi_FI
  • rc-pagination/lib/locale/fi_FI.js
  • rc-pagination/lib/locale/fr_BE
  • rc-pagination/lib/locale/fr_BE.js
  • rc-pagination/lib/locale/fr_CA
  • rc-pagination/lib/locale/fr_CA.js
  • rc-pagination/lib/locale/fr_FR
  • rc-pagination/lib/locale/fr_FR.js
  • rc-pagination/lib/locale/ga_IE
  • rc-pagination/lib/locale/ga_IE.js
  • rc-pagination/lib/locale/gl_ES
  • rc-pagination/lib/locale/gl_ES.js
  • rc-pagination/lib/locale/he_IL
  • rc-pagination/lib/locale/he_IL.js
  • rc-pagination/lib/locale/hi_IN
  • rc-pagination/lib/locale/hi_IN.js
  • rc-pagination/lib/locale/hr_HR
  • rc-pagination/lib/locale/hr_HR.js
  • rc-pagination/lib/locale/hu_HU
  • rc-pagination/lib/locale/hu_HU.js
  • rc-pagination/lib/locale/id_ID
  • rc-pagination/lib/locale/id_ID.js
  • rc-pagination/lib/locale/is_IS
  • rc-pagination/lib/locale/is_IS.js
  • rc-pagination/lib/locale/it_IT
  • rc-pagination/lib/locale/it_IT.js
  • rc-pagination/lib/locale/ja_JP
  • rc-pagination/lib/locale/ja_JP.js
  • rc-pagination/lib/locale/ka_GE
  • rc-pagination/lib/locale/ka_GE.js
  • rc-pagination/lib/locale/kk_KZ
  • rc-pagination/lib/locale/kk_KZ.js
  • rc-pagination/lib/locale/km_KH
  • rc-pagination/lib/locale/km_KH.js
  • rc-pagination/lib/locale/kmr_IQ
  • rc-pagination/lib/locale/kmr_IQ.js
  • rc-pagination/lib/locale/kn_IN
  • rc-pagination/lib/locale/kn_IN.js
  • rc-pagination/lib/locale/ko_KR
  • rc-pagination/lib/locale/ko_KR.js
  • rc-pagination/lib/locale/lt_LT
  • rc-pagination/lib/locale/lt_LT.js
  • rc-pagination/lib/locale/lv_LV
  • rc-pagination/lib/locale/lv_LV.js
  • rc-pagination/lib/locale/mk_MK
  • rc-pagination/lib/locale/mk_MK.js
  • rc-pagination/lib/locale/ml_IN
  • rc-pagination/lib/locale/ml_IN.js
  • rc-pagination/lib/locale/mn_MN
  • rc-pagination/lib/locale/mn_MN.js
  • rc-pagination/lib/locale/ms_MY
  • rc-pagination/lib/locale/ms_MY.js
  • rc-pagination/lib/locale/my_MM
  • rc-pagination/lib/locale/my_MM.js
  • rc-pagination/lib/locale/nb_NO
  • rc-pagination/lib/locale/nb_NO.js
  • rc-pagination/lib/locale/nl_BE
  • rc-pagination/lib/locale/nl_BE.js
  • rc-pagination/lib/locale/nl_NL
  • rc-pagination/lib/locale/nl_NL.js
  • rc-pagination/lib/locale/pl_PL
  • rc-pagination/lib/locale/pl_PL.js
  • rc-pagination/lib/locale/pt_BR
  • rc-pagination/lib/locale/pt_BR.js
  • rc-pagination/lib/locale/pt_PT
  • rc-pagination/lib/locale/pt_PT.js
  • rc-pagination/lib/locale/ro_RO
  • rc-pagination/lib/locale/ro_RO.js
  • rc-pagination/lib/locale/ru_RU
  • rc-pagination/lib/locale/ru_RU.js
  • rc-pagination/lib/locale/si_LK
  • rc-pagination/lib/locale/si_LK.js
  • rc-pagination/lib/locale/sk_SK
  • rc-pagination/lib/locale/sk_SK.js
  • rc-pagination/lib/locale/sl_SI
  • rc-pagination/lib/locale/sl_SI.js
  • rc-pagination/lib/locale/sr_RS
  • rc-pagination/lib/locale/sr_RS.js
  • rc-pagination/lib/locale/sv_SE
  • rc-pagination/lib/locale/sv_SE.js
  • rc-pagination/lib/locale/ta_IN
  • rc-pagination/lib/locale/ta_IN.js
  • rc-pagination/lib/locale/th_TH
  • rc-pagination/lib/locale/th_TH.js
  • rc-pagination/lib/locale/tk_TK
  • rc-pagination/lib/locale/tk_TK.js
  • rc-pagination/lib/locale/tr_TR
  • rc-pagination/lib/locale/tr_TR.js
  • rc-pagination/lib/locale/uk_UA
  • rc-pagination/lib/locale/uk_UA.js
  • rc-pagination/lib/locale/ur_PK
  • rc-pagination/lib/locale/ur_PK.js
  • rc-pagination/lib/locale/vi_VN
  • rc-pagination/lib/locale/vi_VN.js
  • rc-pagination/lib/locale/zh_CN
  • rc-pagination/lib/locale/zh_CN.js
  • rc-pagination/lib/locale/zh_TW
  • rc-pagination/lib/locale/zh_TW.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rc-pagination) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

rc-pagination

React Pagination Component.

NPM version npm download build status Codecov bundle size dumi

Development

npm install
npm start

Examples

Online example: https://pagination-react-component.vercel.app Local example: npm run start then http://localhost:9001

Install

rc-pagination

Usage

import Pagination from 'rc-pagination';

ReactDOM.render(<Pagination />, container);

API

// prettier-ignore

Parameter Description Type Default
disabled disable pagination Bool -
align align of pagination start | center | end undefined
defaultCurrent uncontrolled current page Number 1
current current page Number undefined
total items total count Number 0
defaultPageSize default items per page Number 10
pageSize items per page Number 10
onChange page change callback Function(current, pageSize) -
showSizeChanger show pageSize changer boolean | SelectProps false when total less than totalBoundaryShowSizeChanger, true when otherwise
totalBoundaryShowSizeChanger when total larger than it, showSizeChanger will be true number 50
pageSizeOptions specify the sizeChanger selections Array ['10', '20', '50', '100']
onShowSizeChange pageSize change callback Function(current, size) -
hideOnSinglePage hide on single page Bool false
showPrevNextJumpers show jump-prev, jump-next Bool true
showQuickJumper show quick goto jumper Bool / Object false / {goButton: true}
showTotal show total records and range Function(total, [from, to]) -
className className of pagination String -
simple when set, show simple pager Bool / { readOnly?: boolean; } -
locale to set l10n config Object zh_CN
style the style of pagination Object {}
showLessItems show less page items Bool false
showTitle show page items title Bool true
itemRender custom page item renderer Function(current, type: 'page' | 'prev' | 'next' | 'jump-prev' | 'jump-next', element): React.ReactNode | (current, type, element) => element
prevIcon specify the default previous icon ReactNode | (props: PaginationProps) => ReactNode
nextIcon specify the default next icon ReactNode | (props: PaginationProps) => ReactNode
jumpPrevIcon specify the default previous icon ReactNode | (props: PaginationProps) => ReactNode
jumpNextIcon specify the default next icon ReactNode | (props: PaginationProps) => ReactNode

License

rc-pagination is released under the MIT license.