Skip to main content

DxGrid.PageIndex Property

Specifies the active page index.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor


public int PageIndex { get; set; }

Property Value

Type Default Description
Int32 0

A zero-based value that specifies the active page index.


Use the PageIndex property to switch between Grid pages in code. You can handle the PageIndexChanged event to respond to page index changes.

@using Microsoft.EntityFrameworkCore
@inject IDbContextFactory<NorthwindContext> NorthwindContextFactory
@implements IDisposable

<DxGrid Data="@Data" PageSize="5"
        <DxGridDataColumn FieldName="ShipName" />
        <DxGridDataColumn FieldName="ShipCity" />
        <DxGridDataColumn FieldName="ShipCountry" />
        <DxGridDataColumn FieldName="Freight" />
        <DxGridDataColumn FieldName="OrderDate" />
        <DxGridDataColumn FieldName="ShippedDate" />

@code {
    object Data { get; set; }
    NorthwindContext Northwind { get; set; }
    int GridPageIndex { get; set; } = 1;

    protected override void OnInitialized() {
        Northwind = NorthwindContextFactory.CreateDbContext();
        Data = Northwind.Orders.ToList();

    public void Dispose() {

Blazor Grid Page Index

Run Demo: Data Grid - Paging

For more information about paging in the Grid component, refer to the following topic: Paging in Blazor Grid.


See Also