New to Kendo UI for Angular? Start a free 30-day trial

Pager Settings and Types

The Pager component features multiple settings to customize the paging UI.

Types

The pager types are:

  • NumericRenders buttons with numbers.
  • InputRenders a NumericTextBox for entering the page number.

To configure the pager type and number of numeric buttons, use the type and buttonCount options:

  • typeAccepts the numeric (buttons with numbers) and input (a NumericTextBox for entering the page number) values.
  • buttonCountSets the maximum number of numeric buttons that will be rendered when type is numeric.

Settings

The following settings enable you to determine which built-in pager elements will be rendered:

  • pageSizeValuesToggles a DropDownList with page size options, and allows you to provide the list of available page sizes.
  • previousNextToggles a set of Previous and Next buttons.
  • infoToggles the information about the current page and the total number of records.

The following example demonstrates all available Pager options in action.

Example
View Source
Change Theme:

In this article

Not finding the help you need?