Skip to content

Latest commit

 

History

History
72 lines (45 loc) · 2.68 KB

page-configuration.md

File metadata and controls

72 lines (45 loc) · 2.68 KB
title page_title description position slug tags
Page Configuration
.NET MAUI DataPager Documentation - Page Page Configuration
Learn how to define the page buttons count, current page and the size of the page inside the Telerik .NET MAUI DataPager.
4
datapager-page-configuration
page size, datapager, maui, dotnet maui

.NET MAUI DataPager Page Configuration

This article explains the configuration options you can apply to the pages inside the DataPager control.

Page Size

The DataPager splits the data into separate pages with a certain size. To configure the size of the pages in the DataPager, use the following properties:

  • PageSize (int)—Specifies the number of the items per page. The default value is 10.

  • PageSizes (IList<int>)—Specifies a list with page sizes the end user can choose from. The default values in the list are 5, 10, 20, 50.

Current Page

The DataPager manages the current page depending on the user's actions. In addition, you can specify the current index of the DataPager by using the PageIndex (int) property. The property contains the index of the currently selected page. The default value is -1.

Page Number Range

By setting a range, you can define how many numeric buttons the DataPager will render.

To implement a page number range, use the following DataPager properties:

  • MinNumericButtonsCount (int)—Specifies the minimum number of numeric buttons.
  • MaxNumericButtonsCount (int)—Specifies the maximum number of numeric buttons.

Item Spacing

You can specify the space between the items in the DataPager by setting the ItemSpacing (double) property. The default value is 16.

Example

Here is an example with the PageSize, PageIndex, PageSizes, and ItemSpacing properties.

1. Define the DataPager in XAML:

2. Add the telerik namespace:

xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"

3. Define the ViewModel:

This is the result on WinUI:

.NET MAUI DataPager Page Configuration

For the DataPager Page configuration example, go to the [SDKBrowser Demo Application]({%slug sdkbrowser-app%}) and navigate to the DataPager > Features category.

See Also

  • [Paged Source]({%slug datapager-data-binding%})
  • [Display Modes]({%slug datapager-display-mode%})
  • [Ellipsis Modes]({%slug datapager-ellipsis-mode%})
  • [Localization]({%slug datapager-localization%})
  • [Commands in DataPager]({%slug datapager-commands%})
  • [Styling]({%slug datapager-styling%})
  • [Integration with DataGrid]({%slug datapager-datagrid%})