DxSummaryItemBase<TModel>.CssClass Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v20.2.dll

Declaration

[Parameter]
[DefaultValue("")]
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>

Data Grid Summary Appearance

For more information, refer to the following help topic: Summary.

See Also