Skip to main content

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

GridElementType Enum

Lists values that define a Grid element’s type.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public enum GridElementType

#Members

Name Description
DataRow

A data row.

DataCell

A data column cell.

CommandCell

A command column cell.

SelectionCell

A selection column cell.

EmptyBandCell

A band‘s empty data cell.

GroupRow

A group row.

GroupCell

A group row cell.

EditRow

An edit row.

EditCell

A cell displayed in the edited row.

EditCommandCell

A command column cell displayed in the edited row.

EditSelectionCell

A selection column cell displayed in the edited row.

EditFormCell

An edit form cell.

PopupEditForm

A popup edit form.

DetailCell

A detail row cell.

FilterRow

The filter row.

FilterCell

A filter row‘s edit cell.

FilterCommandCell

A filter row‘s command column cell.

FilterSelectionCell

A filter row‘s selection column cell.

HeaderRow

The row that contains Grid column headers.

HeaderCell

A data column header cell.

HeaderCommandCell

A command column header cell.

HeaderSelectionCell

A selection column header cell.

HeaderBandCell

A band‘s header cell.

GroupPanel

The group panel.

GroupPanelHeader

A column header in the group panel.

FooterRow

The footer.

FooterCell

A footer cell.

FooterCommandCell

The footer‘s command column cell.

FooterSelectionCell

The footer‘s selection column cell.

FooterBandCell

A band‘s footer cell.

GroupFooterRow

A group footer.

GroupFooterCell

A group footer cell.

GroupFooterCommandCell

A group footer‘s command column cell.

GroupFooterSelectionCell

A group footer‘s selection column cell.

GroupFooterBandCell

A band‘s group footer cell.

ColumnChooserItem

A column chooser item.

PagerContainer

A container that stores the Grid pager.

SearchBoxContainer

A container that stores the Grid search box.

ToolbarContainer

A container that stores the Grid toolbar.

DragHint

A drag hint.

RowDragAnchorCell

A drag anchor.

EmptyDataArea

An empty data area.

EditNewItemRow

A new item row.

#Related API Members

The following properties accept/return GridElementType values:

#Remarks

Use this enumeration’s values to define an element type when you handle the CustomizeElement event.

The following code customizes the appearance of grid elements that meet the following criteria:

  • Data rows with Total > 1000 are highlighted.
  • All Total values are bold.
  • If the grid rows are grouped by Country, the group row’s tooltip displays group summary values.

Run Demo: Conditional Formatting View Example: Conditional Formatting

Razor
<DxGrid @ref="Grid" CustomizeElement="Grid_CustomizeElement" ... />
@* ... *@
@code {
    // ...
    IGrid Grid { get; set; }
    void Grid_CustomizeElement(GridCustomizeElementEventArgs e) {
        if(e.ElementType == GridElementType.DataRow && (System.Decimal)e.Grid.GetRowValue(e.VisibleIndex, "Total") > 1000) {
            e.CssClass = "highlighted-item";
        }
        if(e.ElementType == GridElementType.DataCell && e.Column.Name == "Total") {
            e.Style = "font-weight: 800";
        }
        if(e.ElementType == GridElementType.GroupRow && e.Column.Name == "Country") {
            var summaryItems = e.Grid.GetGroupSummaryItems().Select(i => e.Grid.GetGroupSummaryDisplayText(i, e.VisibleIndex));
            e.Attributes["title"] = string.Join(", ", summaryItems);
        }
    }
}
css
.highlighted-item > td {
    background-color: var(--bs-danger-border-subtle)
}
.highlighted-item > td:first-child {
    background-color: transparent;
}

DevExpress Blazor Grid - Customize Rows

#Images

#Grid Rows

Grid Row Types

#Data Row

Data and Detail Row

#Empty Data Area

Grid Empty Data

#Edit Elements

New Item Row

Edit Row

Edit Form Cell

Popup Edit Form

Header and Footer

#Search Box Panel

Search Box Panel

#Header Band Elements

Banded Column

#Group Elements

Grid Group Elements

#Filter Elements

Grid Filter Elements

#Toolbar Container

Grid Toolbar Container

#Column Chooser

Column Chooser

#Drag Elements

Drag Elements

See Also