AdeleD / react-paginate

A ReactJS component that creates a pagination
MIT License
2.76k stars 628 forks source link

How to add Skip to the start and Skip to the end double arrows. #475

Open graydirt opened 1 year ago

graydirt commented 1 year ago

How to achieve it like this.

Screen Shot 2023-03-07 at 2 39 57 PM

So the << onClick will go to the first page, while the>> will go to the last page.

Below is my code and here is my codesandbox here. Feel free to fork it.

<ReactPaginate breakLabel="..." nextLabel="›" onPageChange={handlePageClick} pageRangeDisplayed={3} marginPagesDisplayed={1} pageCount={pageCount} previousLabel="‹" />

SyedZain714 commented 1 year ago

KIndly Review and update me if require any changes