DxDataGrid<T>.PagerAllDataRowsItemVisible Property

Specifies whether the All item is displayed in the page size selector.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

Declaration

[Parameter]
public bool PagerAllDataRowsItemVisible { get; set; }

Property Value

Type Default Description
Boolean

false

true, to display the All item; otherwise, false.

Remarks

Set the PagerAllDataRowsItemVisible property to true to display the All item in the page size selector. When a user selects this item from the page size selector, all grid rows are displayed on one page. In this mode, the grid does not display the pager.

NOTE

To enable this mode in code, set the DataNavigationMode property to DataGridNavigationMode.ShowAllDataRows.

To display the page size selector, set the PagerPageSizeSelectorVisible property to true.

<DxDataGrid Data="@DataSource"
            ShowPager="true"
            PagerNavigationMode=@PagerNavigationMode.InputBox
            PagerPageSizeSelectorVisible="true"
            PagerAllDataRowsItemVisible="true"
            PagerAllowedPageSizes=@(new int[] {2,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" />
</DxDataGrid>

DataGrid Page Size Selector

To specify predefined page sizes displayed in the page size selector, use the PagerAllowedPageSizes property.

Run Demo: Data Grid - Paging

See Also