How to customize/template the DataGrid DataGridAggregates Line Display

[sylvain-groulx]

My PO wants this (aggregate - TOTAL: $2,202.66):

And I have this (How may I remove the borders on the aggregate line please?): Thank you in advance!

[David-Moreira]

Hello @sylvain-groulx
I believe you can use the AggregateCellClass or AggregateCellStyle to apply specific styling that removes them. Have you tried that?

[David-Moreira]

Oh, and there's also a DataGrid parameter, GroupRowStyling that applies styling to the aggregate rows.
Let us know if you are able to achieve the look you're looking for with these tools.

[sylvain-groulx]

Wonderful!
Thank you

<DataGrid TItem="...
GroupRowStyling="@_transactionState.DataGridState.AggregateRowStyling"

::deep .aggregate-row td:nth-child(-n+4) {
border-right-style: hidden;
text-align: right !important;
}

[David-Moreira]

Great, thanks for letting us know.
@stsrki I think we've talked briefly before, but we should rename GroupRowStyling Parameter to AggregateRowStyling, no? Even I got confused with the naming when I was taking a look at the available api.

[stsrki]

We have already renamed most of the parameters recently.

/// <summary>
/// Custom classname for the aggregate cell.
/// </summary>
[Obsolete( "DataGridColumn: The GroupCellClass parameter is deprecated, please use the AggregateCellClass parameter instead." )]
[Parameter] public string GroupCellClass { get => AggregateCellClass; set => AggregateCellClass = value; }

/// <summary>
/// Custom style for the aggregate cell.
/// </summary>
[Obsolete( "DataGridColumn: The GroupCellStyle parameter is deprecated, please use the AggregateCellStyle parameter instead." )]
[Parameter] public string GroupCellStyle { get => AggregateCellStyle; set => AggregateCellStyle = value; }

/// <summary>
/// Custom classname for the aggregate cell.
/// </summary>
[Parameter] public string AggregateCellClass { get; set; }

/// <summary>
/// Custom style for the aggregate cell.
/// </summary>
[Parameter] public string AggregateCellStyle { get; set; }

We seem to forget about the GroupRowStyling. Shouldn't be too hard to make in 1.3.