This is a custom Pagination basically Ellipsis type of Pagination, It can be used as component by including following lines of code :
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.
- page : page maintain the page Number.
- pageItems : pageItems are the number of items per page.
- totalRecords : totalRecords are number of records that has to be manage in this react ellipsis pagination.