Pager Settings

To configure the Angular Grid pager, bind the pageable option to a PagerSettings object.

The PagerSettings object has the following fields:

• buttonCount—Sets the maximum numeric buttons count before the buttons are collapsed. Defaults to 10.
• info—Toggles the information about the current page and the total number of records. Defaults to true.
• pageSizes—Shows a menu for selecting the page size. Defaults to false. To enable various page sizes within the menu, set the pageSizes property to a numerical array.
• previousNext—Toggles the Previous and Next buttons. Defaults to true.
• type—Defines the type of the Grid pager. The available values are numeric (buttons with numbers) and input (input for typing the page number) values. Defaults to numeric.
• responsive—Toggles the built-in responsive behavior. Defaults to true.
• position—Sets the position of the Grid pager relative to the data table. The available values are top, bottom, and both. Defaults to bottom.

The following example demonstrates the available pager settings.

Change Theme

Theme

Loading ...

Suggested Links

• Pager Template
• Responsive Pager
• API Reference of the GridComponent
• API Index of the Grid