How to apply different styles to the GridTableSummaryRow?

The SfDataGrid provides option to display the TableSummary, either at the top or bottom of the SfDataGrid by setting the GridTableSummaryRow.Position property. It is possible to apply different styles for the top and bottom table summaries by using the StyleSelector and by setting the SfDataGrid.TableSummaryRowStyleSelector property. This is demonstrated in the following code example.

Two different table summary styles are defined in the Application.Resources.

Different styles are applied to the GridTableSummaryRow based on the GridTableSummaryRow.Position.

In the following screenshot, the different styles are applied to the different GridTableSummaryRows.

Sample Links:

WPF

WinRT

UWP