question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Paginator] Add jump-to-page functionality

See original GitHub issue

Bug, feature request, or proposal:

Feature request

What is the expected behavior?

To be able to jump to a specific page using a dropdown populated with page numbers. The dropdown should be next in line after the Items per page dropdown, so you can choose the page size and then the page number you want to go to.

Don’t know if the following part is smart, but in use cases where the page number is large, a step input can be implemented. If the total number of pages is 500, and the step is 5, the Page number dropdown would hold only pages 1, 5, 10, 15, 20 … so the user can get to the desired page in as little scrolling and as few clicks as possible.

What is the current behavior?

To get to a specific page you have to go page by page

What is the use-case or motivation for changing an existing behavior?

In my case, I have a 100 item per page list, that has 3500 total items sorted by date and the users land at the last page. If the users wants to check the items that were added at the beginning of the year, they know that they should be looking at items from 1 to at least 300, so that is 32 clicks to get to the desired items. As the total page count gets bigger, the harder it is to get to the last pages (first pages in my case).

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:37
  • Comments:29 (5 by maintainers)

github_iconTop GitHub Comments

25reactions
dushkostanoeskicommented, Jan 19, 2018

Extending the current paginator isn’t a problem, the thing is that a paginator should have a jump to page functionality.

13reactions
mzernetschcommented, Jun 26, 2018

How about converting the .mat-paginator-range-label to a mat-select so a user can choose the range directly.

Would look like this: image

Read more comments on GitHub >

github_iconTop Results From Across the Web

add jump to page function for server-side pagination in Django
I have a Django project, using server-side pagination for some table. The use want me to add a jump to function to go...
Read more >
add pagination / jump to page to top of member list
Hey there, just wondering if there is a way to add the pagination / jump to page selections to the top of the...
Read more >
How to add Jump to page by filling number in pagination
Hello, i am using data table plugin as per the below code I got pagination but with this i want a input box...
Read more >
Jump-to-page drop down list on datatable - PrimeFaces forum
I'm using datatable with paginator. ... This would be a nice feature to have, especially after I realized how many pages of data...
Read more >
Paginator | Angular Material
You must add an aria-label or aria-labelledby attribute to <mat-paginator> with a label that describes the content controlled by the pagination control.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found