Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-ellipsis-pagination

himanshu12cs2060MIT1.3.6

This is a custom Pagination basically Ellipsis type of Pagination, React custom Ellipsis pagination for handling multiple dat/items on same screen with different page having limited items per page.

react-ellipsis-pagination, react-pagination, pagination-react, custom-pagination, react-custom-pagination, ellipsis-pagination, react-paginate, reactjs-pagination, reactjs-pagination-component, react-pagination-component

readme

Working on the issues and will be fixing very soon...

for any query connect at himanshusonkar84@gmail.com

React Ellipsis Pagination || React Pagination || React Custom Pagination

This is a custom Pagination basically Ellipsis type of Pagination, It can be used as component by including following lines of code :

pagination

pagination


const [page, setPage] = useState(1);
const [pageItems, setPageItems] = useState(20);
const [totalRecords, setTotalRecords] = useState(100);

<CustomEllipsisPagination handler={(page)=> setPage(page)} pageCount={Math.ceil(totalRecords / pageItems)} />


In the above code we have used our custom react ellipsis pagination component.

  1. page : page maintain the page Number.
  2. pageItems : pageItems are the number of items per page.
  3. totalRecords : totalRecords are number of records that has to be manage in this react ellipsis pagination.