Pagination

Example

Per Page

Code


    import React from "react"
    import Pagination from "components/ui/Pagination"

    function onNext() {
      // do next page action
    }

    function onPrev() {
      // do prev page action
    }

    function onPageJump(pageNumber) {
      console.log(pageNumber)
    }
    function onPageSizeChange(pageSize) {
      console.log(pageSize)
    }

    <Pagination 
      loading={false}
      currentPage={2}
      pageSize={10}
      pageCount={10}
      totalCount={100}
      pageSizeOptions={[20, 30, 40, 50, 60]} // default is [10, 20, 30, 50, 100]
      onNext={onNext}
      onPrev={onPrev}
      onPageJump={onPageJump}
      onPageSizeChange={onPageSizeChange}
      condensed={false}
      wrapperClassName="my-wrapperClassName"
    />