Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

GridDataColumnCellDisplayTemplateContext.VisibleIndex Property

Returns the visible index of the current row.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public int VisibleIndex { get; }

#Property Value

Type Description
Int32

The row’s visible index.

#Remarks

#Row Visible Indexes

Visible indexes indicate the order of visible data rows and group rows. Indexes are zero-based and sequential for rows on all grid pages.

Visible Indexes - All Pages

The Grid re-assigns row indexes each time when users sort, filter, group data, and expand/collapse group rows.

The following rows do not have visible indexes:

  • Rows that are filtered out.
  • Rows in collapsed groups.

Visible Indexes - Filter is Applied

Visible Indexes - Group Rows

The following code snippet does the following:

  • Creates a grid column that displays visible indexes for data rows. It uses the CellDisplayTemplate property to specify the column content.
  • Uses the DataColumnGroupRowTemplate property to display visible indexes for group rows.
@inject WeatherForecastService ForecastService

<DxGrid Data="@Data">
    <Columns>
        <DxGridDataColumn Caption="Visible Index">
            <CellDisplayTemplate>@context.VisibleIndex</CellDisplayTemplate>
        </DxGridDataColumn>
        <DxGridDataColumn FieldName="Date"
                          DisplayFormat="D" />
        <DxGridDataColumn FieldName="Forecast" />
        <DxGridDataColumn FieldName="CloudCover" />
        <DxGridDataColumn FieldName="TemperatureC"
                          Caption="Temperature" />
    </Columns>
    <DataColumnGroupRowTemplate>
        @context.DisplayText (Visible Index = @context.VisibleIndex)
    </DataColumnGroupRowTemplate>
</DxGrid>

@code {
    object Data { get; set; }

    protected override void OnInitialized() {
        Data = ForecastService.GetForecast();
    }
}

Refer to the following property descriptions for more information and examples:

See Also