DxGrid.PagerSummaryVisible Property

Specifies whether the pager displays a summary item.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.Grid.v26.1.dll

Declaration

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

Property Value

Type	Default	Description
Boolean	false	true to display the pager summary; otherwise, false.

Remarks

Activate the PagerSummaryVisible property to add a summary item to the Grid pager. The summary displays the current page number, page count, and data row count.

The following code snippet displays the pager summary in the Grid component:

<DxGrid Data="@forecasts" PageSize="5" PagerSummaryVisible="true">
    <Columns>
        <DxGridDataColumn Caption="Date" FieldName="Date" />
        <DxGridDataColumn Caption="Temperature (C)" FieldName="TemperatureC" />
        <DxGridDataColumn Caption="Temperature (F)" FieldName="TemperatureF" />
        <DxGridDataColumn Caption="Summary" FieldName="Summary" />
    </Columns>
</DxGrid>

@code {
    private WeatherForecast[]? forecasts;

    protected override async Task OnInitializedAsync() {
        DateOnly startDate = DateOnly.FromDateTime(DateTime.Now);
        string[] summaries = ["Freezing", "Bracing", "Cool", "Mild", "Warm", "Balmy", "Hot", "Scorching"];
        forecasts = Enumerable.Range(1, 25).Select(index => new WeatherForecast(
                Date: startDate.AddDays(index),
                TemperatureC: Random.Shared.Next(-20, 55),
                Summary: summaries[Random.Shared.Next(summaries.Length)]
            )).ToArray();
    }

    private record WeatherForecast(DateOnly Date, int TemperatureC, string? Summary) {
        public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
    }
}

Read Tutorial: Paging in Blazor Grid Run Demo: Grid - Paging

Implements

PagerSummaryVisible