GridCustomizeElementEventArgs Class

Provides data for the CustomizeElement event.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public class GridCustomizeElementEventArgs :
    GridCustomizeElementEventArgsBase

Remarks

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

<DxGrid @ref="Grid" CustomizeElement="Grid_CustomizeElement" ... />
...
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);
    }
}

Inheritance

Object

DevExpress.Blazor.Internal.GridEventArgsBase

DevExpress.Blazor.Internal.GridCustomizeElementEventArgsBase

GridCustomizeElementEventArgs