DxPager.PageCount Property

Specifies the total number of pages in the pager.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

[Parameter]
public int PageCount { get; set; }

Property Value

Type	Description
Int32

An integer value that specifies the number of pages.

Remarks

To specify a pager’s active page, use a zero-based ActivePageIndex property.

razor

<DxPager PageCount="@PageCount"
         @bind-ActivePageIndex="@ActivePageIndex" > 
</DxPager>

@code { 
    int PageCount { get; set; } = 5; 
    int ActivePageIndex { get; set; } = 1;
}

Run Demo: Pager

To hide unnecessary pages, use the VisibleNumericButtonCount property with the NumericButtons navigation mode.

razor

<DxPager PageCount="100"
         ActivePageIndex="50"
         VisibleNumericButtonCount="7"
         NavigationMode="PagerNavigationMode.NumericButtons"> 
</DxPager>

Run Demo: Pager - Limit the Number of Page Buttons