React Pagination Component.

Last update: Jun 18, 2022

rc-pagination

React Pagination Component.

NPM version dumi build status Test coverage codecov Dependencies DevDependencies npm download

Development

npm install
npm start

Example

http://localhost:9001

online example: https://pagination-react-component.vercel.app

Install

rc-pagination

Usage

import Pagination from 'rc-pagination';

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

API

Parameter Description Type Default
disabled disable pagination Bool -
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 Bool false when total less then 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 Object null
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 specifict the default previous icon ReactNode | (props: PaginationProps) => ReactNode
nextIcon specifict the default previous icon ReactNode | (props: PaginationProps) => ReactNode
jumpPrevIcon specifict the default previous icon ReactNode | (props: PaginationProps) => ReactNode
jumpNextIcon specifict the default previous icon ReactNode | (props: PaginationProps) => ReactNode

License

rc-pagination is released under the MIT license.

GitHub

https://github.com/react-component/pagination/
Comments
  • 1. feat: Add show total page size

    现在虽然可以设置一个例如 1000 条/页 这样比较大的页数,但是实际情况下需要用户自己去理解一下当总条目数小于 1000 时,选这个“1000 条/页”就是展示全部的效果,而且有些业务场景我们也无法预知这个总条目会不会超过 1000 条。能不能做到当这个 Pagination 能够获取到总条目数(total)的情况下,允许提供一个 API 使 pageSize 的下拉框中出现一个“展示全部”的选项。

    相关 issue

    https://github.com/ant-design/ant-design/issues/25548

    Reviewed by CornerSkyless at 2020-07-09 15:57
  • 2. Is there a way to custome the className of the element li?

    Hi Thanks for this component, I'd like to know if there is an api to set the element li className just like what we do to element ul with className on <Pagination>

    Thanks

    Reviewed by cbfrank at 2017-08-29 06:50
  • 3. Add Go Button

    API

    add goButton (bool) defalult false showQuickJumper type change bool to bool / object e.g. {gobutton: true} or customized node e.g. {gobutton: <button>xxx</button>}

    trace: #39

    • [x] add go button
    • [x] add example jumperWithGoButton
    • [x] update less
    • [x] update readme
    • [x] update locale
    • [x] support customized node
    • [x] add test case
    Reviewed by Robin-front at 2017-08-04 04:19
  • 4. fix: click some page & prev btn

    close https://github.com/ant-design/ant-design/issues/29512


    之前有个判断 上一页下一页的按钮,但其实点击触发的不是相应的,而是里层的 -item-link。这里修复了下。

    增加了 点击 分页的判断,同时这两种情况 都会清空 input 。

    Reviewed by xrkffgg at 2021-02-27 07:33
  • 5. Allow specifying the page size

    This allows specifying the pageSize options dropdown values, which is ortogonal to issue #7.

    The default behaviour of the component isn't affected by the PR.

    Reviewed by queimadus at 2015-10-26 14:51
  • 6. Add less pages option for less total element mobile

    lessPage will set the buffer size to 3 rather than 5, ( 1 page to each side ) which reduce the total number of <li> element from 11 to 9.

    移动端上 中间5个页面感觉太多了, 3个还好, 感觉还可以加一个隐藏上一页下一页 的选项 这样 就是 1 ••• 3 4 5 ••• 7 这样的长宽比 可以直接在手机上用

    看之前issue 都是直接要求pull request 我就直接fork了下 如果命名需要改什么的我再去改

    Reviewed by Evilcat325 at 2017-02-02 21:03
  • 7. chore(deps-dev): bump eslint from 7.32.0 to 8.18.0

    Bumps eslint from 7.32.0 to 8.18.0.

    Release notes

    Sourced from eslint's releases.

    v8.18.0

    Features

    • a6273b8 feat: account for rule creation time in performance reports (#15982) (Nitin Kumar)

    Bug Fixes

    • f364d47 fix: Make no-unused-vars treat for..of loops same as for..in loops (#15868) (Alex Bass)

    Documentation

    • 4871047 docs: Update analytics, canonical URL, ads (#15996) (Nicholas C. Zakas)
    • cddad14 docs: Add correct/incorrect containers (#15998) (Nicholas C. Zakas)
    • b04bc6f docs: Add rules meta info to rule pages (#15902) (Nicholas C. Zakas)
    • 1324f10 docs: unify the wording referring to optional exception (#15893) (Abdelrahman Elkady)
    • ad54d02 docs: add missing trailing slash to some internal links (#15991) (Milos Djermanovic)
    • df7768e docs: Switch to version-relative URLs (#15978) (Nicholas C. Zakas)
    • 21d6479 docs: change some absolute links to relative (#15970) (Milos Djermanovic)
    • f31216a docs: Update README team and sponsors (ESLint Jenkins)

    Build Related

    • ed49f15 build: remove unwanted parallel and image-min for dev server (#15986) (Strek)

    Chores

    • f6e2e63 chore: fix 'replaced by' rule list (#16007) (Milos Djermanovic)
    • d94dc84 chore: remove unused deprecation warnings (#15994) (Francesco Trotta)
    • cdcf11e chore: fix versions link (#15995) (Milos Djermanovic)
    • d2a8715 chore: add trailing slash to pathPrefix (#15993) (Milos Djermanovic)
    • 58a1bf0 chore: tweak URL rewriting for local previews (#15992) (Milos Djermanovic)
    • 80404d2 chore: remove docs deploy workflow (#15984) (Nicholas C. Zakas)
    • 71bc750 chore: Set permissions for GitHub actions (#15971) (Naveen)
    • 90ff647 chore: avoid generating subdirectories for each page on new docs site (#15967) (Milos Djermanovic)

    v8.17.0

    Features

    • 55319e1 feat: fix indent bug with semicolon-first style (#15951) (Milos Djermanovic)
    • f6d7920 feat: add allowNamedExports option to no-use-before-define (#15953) (Milos Djermanovic)

    Bug Fixes

    Documentation

    • b915018 docs: Update website UI to latest (#15944) (Nicholas C. Zakas)
    • f0bb609 docs: Update Exponentiation operator MDN link (#15960) (Pranjal Jain)
    • baa0153 docs: Use correct past tense "left" instead of "leaved" (#15950) (Frederik Braun)
    • 1351a9b docs: Add Resources section to rule pages (#15901) (Nicholas C. Zakas)
    • 68cf0fb docs: cleanup typos (#15936) (Nick Schonning)
    • 13b62ae docs: use-dart-sass instead of node-sass (#15912) (Deepshika S)
    • c81c5d6 docs: add social media links (#15920) (Deepshika S)
    • 0d6a50b docs: fix openjs link (#15917) (Amaresh S M)
    • 54910f5 docs: display version in mobile view (#15909) (Amaresh S M)

    ... (truncated)

    Changelog

    Sourced from eslint's changelog.

    v8.18.0 - June 17, 2022

    • f6e2e63 chore: fix 'replaced by' rule list (#16007) (Milos Djermanovic)
    • ed49f15 build: remove unwanted parallel and image-min for dev server (#15986) (Strek)
    • 4871047 docs: Update analytics, canonical URL, ads (#15996) (Nicholas C. Zakas)
    • d94dc84 chore: remove unused deprecation warnings (#15994) (Francesco Trotta)
    • a6273b8 feat: account for rule creation time in performance reports (#15982) (Nitin Kumar)
    • cddad14 docs: Add correct/incorrect containers (#15998) (Nicholas C. Zakas)
    • b04bc6f docs: Add rules meta info to rule pages (#15902) (Nicholas C. Zakas)
    • f364d47 fix: Make no-unused-vars treat for..of loops same as for..in loops (#15868) (Alex Bass)
    • 1324f10 docs: unify the wording referring to optional exception (#15893) (Abdelrahman Elkady)
    • cdcf11e chore: fix versions link (#15995) (Milos Djermanovic)
    • d2a8715 chore: add trailing slash to pathPrefix (#15993) (Milos Djermanovic)
    • 58a1bf0 chore: tweak URL rewriting for local previews (#15992) (Milos Djermanovic)
    • ad54d02 docs: add missing trailing slash to some internal links (#15991) (Milos Djermanovic)
    • 80404d2 chore: remove docs deploy workflow (#15984) (Nicholas C. Zakas)
    • df7768e docs: Switch to version-relative URLs (#15978) (Nicholas C. Zakas)
    • 71bc750 chore: Set permissions for GitHub actions (#15971) (Naveen)
    • 90ff647 chore: avoid generating subdirectories for each page on new docs site (#15967) (Milos Djermanovic)
    • 21d6479 docs: change some absolute links to relative (#15970) (Milos Djermanovic)
    • f31216a docs: Update README team and sponsors (ESLint Jenkins)

    v8.17.0 - June 3, 2022

    • b915018 docs: Update website UI to latest (#15944) (Nicholas C. Zakas)
    • 55319e1 feat: fix indent bug with semicolon-first style (#15951) (Milos Djermanovic)
    • f6d7920 feat: add allowNamedExports option to no-use-before-define (#15953) (Milos Djermanovic)
    • f0bb609 docs: Update Exponentiation operator MDN link (#15960) (Pranjal Jain)
    • da694b9 chore: avoid theme flashes (#15927) (Strek)
    • baa0153 docs: Use correct past tense "left" instead of "leaved" (#15950) (Frederik Braun)
    • f836743 chore: Use build hook for docs deploy (#15945) (Nicholas C. Zakas)
    • ce035e5 test: cleanup typos (#15937) (Nick Schonning)
    • 1351a9b docs: Add Resources section to rule pages (#15901) (Nicholas C. Zakas)
    • 68cf0fb docs: cleanup typos (#15936) (Nick Schonning)
    • 54c0953 fix: cleanup typos (#15939) (Nick Schonning)
    • 845a7af fix: typo ocatal -> octal (#15940) (Nick Schonning)
    • 10249ad chore: use addEventListener instead of addListener (#15923) (Amaresh S M)
    • 5f5c1fb chore: lint eleventy config file (#15904) (Milos Djermanovic)
    • 8513d37 chore: update Rule typedefs (#15915) (Milos Djermanovic)
    • 13b62ae docs: use-dart-sass instead of node-sass (#15912) (Deepshika S)
    • c81c5d6 docs: add social media links (#15920) (Deepshika S)
    • 0d6a50b docs: fix openjs link (#15917) (Amaresh S M)
    • 54910f5 docs: display version in mobile view (#15909) (Amaresh S M)
    • 55534f1 test: ensure no-restricted-imports works with NodeJS imports (#15907) (Nick Mazuk)

    v8.16.0 - May 20, 2022

    • 1768d0d chore: upgrade @​eslint/eslintrc@​1.3.0 (#15903) (Milos Djermanovic)
    • 050d5f4 docs: Static further reading links (#15890) (Nicholas C. Zakas)
    • cab0c22 feat: add Unicode flag suggestion in no-misleading-character-class (#15867) (Milos Djermanovic)

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-06-17 22:51
  • 8. chore(deps-dev): bump @types/jest from 27.5.2 to 28.1.2

    Bumps @types/jest from 27.5.2 to 28.1.2.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-06-17 22:33
  • 9. chore(deps-dev): bump react-dom from 16.14.0 to 18.2.0

    Bumps react-dom from 16.14.0 to 18.2.0.

    Release notes

    Sourced from react-dom's releases.

    18.2.0 (June 14, 2022)

    React DOM

    React DOM Server

    • Pass information about server errors to the client. (@​salazarm and @​gnoff in #24551 and #24591)
    • Allow to provide a reason when aborting the HTML stream. (@​gnoff in #24680)
    • Eliminate extraneous text separators in the HTML where possible. (@​gnoff in #24630)
    • Disallow complex children inside <title> elements to match the browser constraints. (@​gnoff in #24679)
    • Fix buffering in some worker environments by explicitly setting highWaterMark to 0. (@​jplhomer in #24641)

    Server Components (Experimental)

    18.1.0 (April 26, 2022)

    React DOM

    React DOM Server

    • Fix escaping for the bootstrapScriptContent contents. (@​gnoff in #24385)
    • Significantly improve performance of renderToPipeableStream. (@​gnoff in #24291)

    ESLint Plugin: React Hooks

    Use Subscription

    • Replace the implementation with the use-sync-external-store shim. (@​gaearon in #24289)

    18.0.0 (March 29, 2022)

    ... (truncated)

    Changelog

    Sourced from react-dom's changelog.

    18.2.0 (June 14, 2022)

    React DOM

    React DOM Server

    • Pass information about server errors to the client. (@​salazarm and @​gnoff in #24551 and #24591)
    • Allow to provide a reason when aborting the HTML stream. (@​gnoff in #24680)
    • Eliminate extraneous text separators in the HTML where possible. (@​gnoff in #24630)
    • Disallow complex children inside <title> elements to match the browser constraints. (@​gnoff in #24679)
    • Fix buffering in some worker environments by explicitly setting highWaterMark to 0. (@​jplhomer in #24641)

    Server Components (Experimental)

    18.1.0 (April 26, 2022)

    React DOM

    React DOM Server

    • Fix escaping for the bootstrapScriptContent contents. (@​gnoff in #24385)
    • Significantly improve performance of renderToPipeableStream. (@​gnoff in #24291)

    ESLint Plugin: React Hooks

    Use Subscription

    • Replace the implementation with the use-sync-external-store shim. (@​gaearon in #24289)

    ... (truncated)

    Commits
    Maintainer changes

    This version was pushed to npm by gnoff, a new releaser for react-dom since your current version.


    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-06-14 21:46
  • 10. chore(deps-dev): bump less from 3.13.1 to 4.1.3

    Bumps less from 3.13.1 to 4.1.3.

    Release notes

    Sourced from less's releases.

    v4.1.2

    • #3602 Fix currentFileInfo and index properties on nodes
    • #3626 Fix IfStatement requires double parentheses when dividing closed #3616

    v4.1.1

    • Bug fixes

    v4.1.0

    Mixin parentheses requirement removed

    This was maybe too big a change without some kind of deprecation or conversion. So for this version, this works again:

    .mixin;
    

    v4.0.0

    This release has 2 breaking changes:

    Parentheses required for mixin calls

    This aligns it with syntax for calling detached rulesets.

    Example

    .mixin() {}
    .mixin;  // error in 4.0
    

    Parens-division now the default math setting

    Parentheses are required (by default) around division-like expressions, to force math evaluation.

    Example:

    @ratio_large: 16;
    @ratio_small: 9;
    

    /** The following will produce device-aspect-ratio: 1.77777778 by default in 3.x */ @​media all and (device-aspect-ratio: @​ratio_large / @​ratio_small) { .body { max-width: 800px; } }

    Produces:

    @media all and (device-aspect-ratio: 16 / 9) {
      .body {
        max-width: 800px;
      }
    }
    </tr></table> 
    

    ... (truncated)

    Changelog

    Sourced from less's changelog.

    Change Log

    v4.1.2 (2021-10-04)

    v4.1.1 (2021-01-31)

    v4.1.0 (2021-01-10)

    v4.0.0 (2020-12-18)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-06-08 21:50
  • 11. chore(deps-dev): bump glob from 7.2.2 to 8.0.3

    Bumps glob from 7.2.2 to 8.0.3.

    Changelog

    Sourced from glob's changelog.

    8.0

    • Only support node v12 and higher
    • \ is now only used as an escape character, and never as a path separator in glob patterns, so that Windows users have a way to match against filenames containing literal glob pattern characters.
    • Glob pattern paths must use forward-slashes as path separators, since \ is an escape character to match literal glob pattern characters.
    • (8.0.2) cwd and root will always be automatically coerced to use / as path separators on Windows, as they cannot contain glob patterns anyway, and are often supplied by path.resolve() and other methods that will use \ path separators by default.

    7.2

    • Add fs option to allow passing virtual filesystem

    7.1

    • Ignore stat errors that are not ENOENT to work around Windows issues.
    • Support using root and absolute options together
    • Bring back lumpy space princess
    • force 'en' locale in string sorting

    7.0

    • Raise error if options.cwd is specified, and not a directory

    6.0

    • Remove comment and negation pattern support
    • Ignore patterns are always in dot:true mode

    5.0

    • Deprecate comment and negation patterns
    • Fix regression in mark and nodir options from making all cache keys absolute path.
    • Abort if fs.readdir returns an error that's unexpected
    • Don't emit match events for ignored items
    • Treat ENOTSUP like ENOTDIR in readdir

    4.5

    • Add options.follow to always follow directory symlinks in globstar
    • Add options.realpath to call fs.realpath on all results
    • Always cache based on absolute path

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    Reviewed by dependabot[bot] at 2022-05-13 21:58
Related tags
⚛️ React render props component & custom hook for pagination.

Paginated React render props & custom hook for pagination. Features Headless component - There are no restrictions on the ui expression. Style free -

May 22, 2022
A React component to render your pagination navigation

A React component to render your pagination navigation

Dec 12, 2021
HTML CSS & React - Pagination component
HTML CSS & React - Pagination component

React component to fetch GitHub followers and showcase certain amount at each page with pagination

May 8, 2022
react pagination component, simple use
react pagination component, simple use

React-pagination Preview: https://killsanghyuck.github.io/react-pagination/ Install npm install react-pagination-component Configuration totalPage :

Mar 18, 2022
React Pagination Component.

React Pagination Component.

Jun 18, 2022
A ReactJS component that creates a pagination
A ReactJS component that creates a pagination

react-paginate A ReactJS component to render a pagination. By installing this component and writing only a little bit of CSS you can obtain this: or I

Jun 25, 2022
A ReactJS dumb component to render a pagination
A ReactJS dumb component to render a pagination

react-js-pagination A ReactJS dumb component to render a pagination. The component comes with no built-in styles. HTML layout compatible with Bootstra

Apr 22, 2022
Simple, lightweight, flexible pagination ReactJS component ⏮⏪1️⃣2️⃣3️⃣⏩⏭
Simple, lightweight, flexible pagination ReactJS component ⏮⏪1️⃣2️⃣3️⃣⏩⏭

React Paginating Motivation During development, we were facing problems supporting server-rendering of our web app & SEO (require pagination links). T

Jun 14, 2022
React Pagination Utils

React Pagination Utils

May 26, 2022
React components for sorting, filtering and pagination of data.

react-data-components DataTable: Live demo and source SelectableTable: Live demo and source Getting started npm install react-data-components --save T

Apr 8, 2022
Simple pagination for React (MIT)

react-pagify - Simple pagination for React react-pagify provides a simple API for building your own custom paginator. If you want to learn more about

Jun 5, 2022
React - Pagination Example with logic like Google

react-pagination-example React - Pagination Example with Logic like Google To see a demo and further details go to http://jasonwatmore.com/post/2017/0

Jun 7, 2022
simple library for pagination in react

IMPORTANT NOTE This repository is DEPRECATED. Please use react-pagination-js instead which has more added feature and is tested well. React-pagination

Jan 24, 2020
React Pagination using Hooks example

React Pagination using Hooks example Set port .env PORT=8081 Project setup In the project directory, you can run: npm install # or yarn install or C

Apr 20, 2022
React Pagination Bar
React Pagination Bar

React Pagination Bar Lightweight component for pagination of application pages on react Features Customizing class names without using style overrides

Jan 26, 2022
Laravel Pagination with ReactJS (customizable)

Laravel Pagination with ReactJS (customizable) react-laravel-paginex will provide you ability to easily create pagination from Laravel Pagination obje

Jun 16, 2022
Generate a sequence of numbers for use in a pagination system, the clever way.
Generate a sequence of numbers for use in a pagination system, the clever way.

JavaScript Pagination Sequence Generator Generate a sequence of numbers for use in a Pagination Component, the clever way. Installation npm i @bramus/

Jun 5, 2022
React Paginations component
React Paginations component

react-paginations React Paginations Demo: https://trendmicro-frontend.github.io/react-paginations Installation Install the latest version of react and

May 14, 2019
a react usePagination() hook
a react usePagination() hook

Pagination in Javascript and React, with a custom usePagination() hook

Jun 8, 2022