GridSelectionColumnCellDisplayTemplateContext.VisibleIndex Property
Returns the visible index of the current row.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
Declaration
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.
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.
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 description for more information and an example: DxGridSelectionColumn.CellDisplayTemplate.
See Also