Skip to main content

DxGrid.PageSizeSelectorAllRowsItemVisible Property

Specifies whether the page size selector contains the All item.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(false)]
[Parameter]
public bool PageSizeSelectorAllRowsItemVisible { get; set; }

Property Value

Type Default Description
Boolean false

true to display the All item; otherwise, false.

Remarks

When the PageSizeSelectorVisible option is set to true, the Grid displays the page size selector. Enable the PagerAllDataRowsItemVisible property to display the All item in the selector. When a user selects this item, the Grid sets the ShowAllRows property to true and displays all rows on one page.

Run Demo: Data Grid - Paging

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

<DxGrid Data="@Data"
        PageSizeSelectorVisible="true"
        PageSizeSelectorItems="@(new int[] { 5, 10, 15 })"
        PageSizeSelectorAllRowsItemVisible="true">
    <Columns>
        <DxGridDataColumn FieldName="ShipName" />
        <DxGridDataColumn FieldName="ShipCity" />
        <DxGridDataColumn FieldName="ShipCountry" />
        <DxGridDataColumn FieldName="Freight" />
        <DxGridDataColumn FieldName="OrderDate" />
        <DxGridDataColumn FieldName="ShippedDate" />
    </Columns>
</DxGrid>

@code {
    object Data { get; set; }
    NorthwindContext Northwind { get; set; }

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

    public void Dispose() {
        Northwind?.Dispose();
    }
}

Blazor Grid Page Size Selector

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

See Also