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.

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

First/Last Page page customization #7094

Open
4 tasks
mohsinmalik568 opened this issue Dec 15, 2022 · 5 comments
Open
4 tasks

First/Last Page page customization #7094

mohsinmalik568 opened this issue Dec 15, 2022 · 5 comments

Comments

@mohsinmalik568
Copy link

Documentation issue

  • Reporting a typo
  • Reporting a documentation bug
  • Documentation improvement
  • Documentation feedback
    How can we set custom pages when select first page and last page button?
@VividLemon
Copy link
Member

This needs significantly more information

@mohsinmalik568
Copy link
Author

@VividLemon what I want to acheive is when I click last page button it will jump specific number of pages from current page and same when I click on first page It will jump to specific number of pages back from current page active.

@VividLemon
Copy link
Member

You haven't told me the component you're using, any code samples of things you've tried, etc

@mohsinmalik568
Copy link
Author

ah sorry I am using bootstrap pagination component and the terms first and last page refers to the << >> buttons in that component @VividLemon

@VividLemon
Copy link
Member

VividLemon commented Dec 16, 2022

There is no out of the box solution for overriding the first and last page buttons behavior. It somewhat seems like an oversight. I feel like it should emit an event, say "first-clicked" ""last-clicked". But the only way to achieve this would be to use @page-clicked it emits an BvEvent argument, that you should be able to do @page-clicked="$event.target.${find-some-unique-characteristic-to-target}" then preventDefault based on that, and do your logic.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants