Skip to main content

DxDataGrid<T>.PageSize Property

Specifies the maximum number of rows that the grid can display on a page.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll


public int PageSize { get; set; }

Property Value

Type Default Description
Int32 10

The number of rows.



The Data Grid was moved to maintenance support mode. No new features/capabilities will be added to this component. We recommend that you migrate to the Grid component.

Use the PageSize property to specify the maximum number of rows that can be displayed on a page.


If PageSize is less than or equal to 0, all grid rows are displayed on one page. In this mode, the grid does not display the pager.

Data Grid - Pager

<DxDataGrid Data="@forecasts" PageSize="7" >

To hide the pager in the grid, set the ShowPager property to false.


The PageSize property is not in effect if the DataNavigationMode property is set to VirtualScrolling.

If you specify the PageSize property when the page size selector is displayed, the Data Grid component uses the PageSize value. If this value is not listed in the page size selector, the value is displayed in the selector’s editor but not added to the selector’s list.

Data Grid - Page size selector

<DxDataGrid Data="@DataSource" 
            PagerAllowedPageSizes=@(new int[] {10,20,40}) 
    <DxDataGridColumn Field="@nameof(Order.ShipName)" />
    <DxDataGridColumn Field="@nameof(Order.ShipCity)" />
    <DxDataGridColumn Field="@nameof(Order.ShipPostalCode)" />
    <DxDataGridColumn Field="@nameof(Order.ShipCountry)" />
    <DxDataGridColumn Field="@nameof(Order.Freight)" Width="80px" />
    <DxDataGridDateEditColumn Field="@nameof(Order.OrderDate)" DisplayFormat="d" Width="120px" />
    <DxDataGridDateEditColumn Field="@nameof(Order.ShippedDate)" DisplayFormat="d" Width="120px" />

Run Demo: Data Grid - Paging

See Also