Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Open
graydirt opened this issue Mar 7, 2023 · 1 comment
Open

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

graydirt opened this issue Mar 7, 2023 · 1 comment

Comments

@graydirt
Copy link

graydirt commented Mar 7, 2023

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="‹" />
@graydirt graydirt changed the title Skip to the start and Skip to the end arrows. Skip to the start and Skip to the end like the double chevrons arrows. Mar 7, 2023
@graydirt graydirt changed the title Skip to the start and Skip to the end like the double chevrons arrows. Skip to the start and Skip to the end double arrows. Mar 7, 2023
@graydirt graydirt changed the title Skip to the start and Skip to the end double arrows. How to add Skip to the start and Skip to the end double arrows. Mar 7, 2023
@graydirt graydirt closed this as completed Mar 7, 2023
@graydirt graydirt reopened this Mar 7, 2023
SyedZain714 added a commit to SyedZain714/react-paginate that referenced this issue Sep 23, 2023
@SyedZain714
Feature/How to add Skip to the start and Skip to the end double arrows.
343c704 
AdeleD#475
@SyedZain714 SyedZain714 mentioned this issue Sep 23, 2023
Open
@SyedZain714
Copy link

KIndly Review and update me if require any changes

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@graydirt @SyedZain714