Pager - Overview

The Pager is a standalone UI component that enables data navigation and helps visualize the current position within a bound data source.

You can specify the following attributes:

  • PageCount - Total number of pages
  • ActivePageIndex - Index of the active page
  • CollapseButtonCount - Maximum number of page numbers displayed simultaneously

If the total number of pages is greater than the CollapseButtonCount value, the pager hides some of the page number buttons and displays an ellipsis in their place.

Try the demo below - use the pager control or linked Spin Editor controls and notice the two-way synchronization.

Pager - All Pages Numbers Visible

This example demonstrates a simple scenario where the Pager Control displays all its page numbers simultaneously.

Pager - Limit the Number of Page Buttons

This example sets the total number of pages to 100, but limits the number of visible buttons to 10. See how the DxPager control skips number ranges and displays ellipses instead.