Example of Keyboard Navigation in Blazor Pager Component

Pager / Keyboard Navigation

Keyboard shortcuts can be used to interact with Pager functionality. In the example below, various key combinations can be used to interact with the pager.

1 of 10 pages (50 items)
Items per page

Keyboard shortcut keys can be used to interact with Pager functionality.

In this demo, various key combinations can be used to interact with the Pager.

  • Page down / Right arrow- Navigates to the next page.
  • Page up / Left arrow- Navigates to the previous page.
  • Enter / Space- Select the currently focused page.
  • Tab- Focus on the next pager item.
  • Shift+Tab- Focus on the previous pager item.
  • Home- Navigates to the first page.
  • End- Navigates to the last page.
  • Alt+Page up-Navigates to the previous pager.
  • Alt+Page down- Navigates to the next pager.
Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE