Skip to content

Conversation

@frankieroberto
Copy link
Collaborator

This adds pagination to some additional screens. Not all of them are functional, but they give you an idea.

General rules of pagination that should be implemented:

  • 20 items per page (but this should be configurable per screen so we can tweak if needed)
  • pagination component only appears if there is more than 1 page to show
  • only show 'previous' link if not on the first page, and only show 'next' if not on the last page
  • current page number is highlighted (blue background)
  • use the ellipsis (...) where there a lots of pages, to avoid having too many links
  • the table heading should be updated to say "Showing x to y of x [things]"

The full list of pages with pagination now are:

  • Regional UI: list of organisations
  • Regional UI: list of users at a single organisation
  • Record vaccination patient history
  • Vaccines - list of batches for a product
  • Records
  • Manage users (x3 for invited, active and deactivated users)

Screenshots

Regional interface

Organisations list

localhost_2001_regions

Users list at an organisation

localhost_2001_regions_organisations_RW3

Main interface

Record vaccination patient history

localhost_2001_record-vaccinations_patient-history

Vaccines - batches list

localhost_2001_vaccines_2865957

Records

localhost_2001_records

Manage users

localhost_2001_user-admin

@frankieroberto frankieroberto temporarily deployed to record-a-vac-add-more-p-dedlsl January 9, 2026 12:03 Inactive
@frankieroberto frankieroberto marked this pull request as ready for review January 9, 2026 12:03
Copy link
Contributor

@Anna-Sutton Anna-Sutton left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This will be a massive improvement!

@frankieroberto frankieroberto merged commit f4fb231 into main Jan 9, 2026
1 check passed
@frankieroberto frankieroberto deleted the add-more-pagination-examples branch January 9, 2026 15:37
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

Successfully merging this pull request may close these issues.

2 participants