DxSummaryItemBase<TModel>.CssClass Property

Specifies the name of a CSS class applied to a summary item.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue("")]
[Parameter]
public string CssClass { get; set; }

Property Value

Type	Default	Description
String	String.Empty	The CSS class name.

Remarks

To calculate a total summary, add a DxDataGridSummaryItem object to the TotalSummary collection. Use the summary item’s CssClass property to define its appearance.

Note

This property is not in effect if the summary item is added to the GroupSummary collection.

<style>
    .custom-style {
        color: #1B3580;
        font-style: italic;
        font-size: 20px;
    }
</style>

<DxDataGrid Data="@Orders">
    @*...*@
    <TotalSummary>
       <DxDataGridSummaryItem Field=@nameof(Order.UnitPrice)
                              SummaryType=SummaryItemType.Sum
                              DisplayFormat="Sum: {0:c}"
                              CssClass="custom-style"/>
   </TotalSummary>
</DxDataGrid>