frontend icon indicating copy to clipboard operation
frontend copied to clipboard

Improve Pagination Navigation for High Page Count

Open msymons opened this issue 2 years ago • 1 comments

Current Behavior:

Dependency-Track allows the user to increase the number of rows per page from the default 10 to a maximum of 100 (the selection options being dynamic... you wont be offered 100 when viewing components in a project with only 30 components).

As the rows per page changes, the navigation options for moving from page to page also changes.

Problems arise when the total number of rows is very large... for instance, on the vulnerabilities screen.

A picture tells a thousand words...

image

The problem here is that there are 2149 pages in all and one can only navigate one page at a time through the list. Thus, it takes over 1070 clicks to get half way through the pages.

Proposed Behavior:

Enhance page navigation options to allow jumps of (say) 50 or 100 pages at a time... or jump sizes that are dynamic (take into account the total number of rows). ie, the aim should be to limit the total number of clicks to navigate from page 1 to "half way through" to no more than X number of clicks.

msymons avatar Nov 02 '22 14:11 msymons

Note to maintainers: Investigate use of https://examples.bootstrap-table.com/#extensions/page-jump-to.html or implement a custom one using pageNumber as shown here: https://examples.bootstrap-table.com/#options/page-number.html

stevespringett avatar Nov 02 '22 15:11 stevespringett