How To Increase Group Summary Row Height In .NET MAUI Sfdatagrid?
group
maui
maui-android
maui-ios
sfdatagrid
syncfusion
This sample demonstrates how to increase Group Summary row height in .NET MAUI SfDataGrid. This example shows that by adjusting the row height, the group summary information becomes easier to read and looks more clear and organized.
Xaml
<ContentPage.Content>
<syncfusion:SfDataGrid x:Name="dataGrid"
ItemsSource="{Binding OrderInfoCollection}"
AllowGroupExpandCollapse="True"
QueryRowHeight="dataGrid_QueryRowHeight">
<syncfusion:SfDataGrid.Columns>
<syncfusion:DataGridTextColumn MappingName="OrderID" HeaderText="Order ID" Width="100"/>
<syncfusion:DataGridTextColumn MappingName="CustomerID" HeaderText="Customer ID" Width="120"/>
<syncfusion:DataGridTextColumn MappingName="Customer" HeaderText="Customer Name" Width="150"/>
<syncfusion:DataGridTextColumn MappingName="ShipCity" HeaderText="Ship City" Width="120"/>
<syncfusion:DataGridTextColumn MappingName="ShipCountry" HeaderText="Ship Country" Width="130"/>
<syncfusion:DataGridTextColumn MappingName="Gender" HeaderText="Gender" Width="100"/>
<syncfusion:DataGridNumericColumn MappingName="Price" HeaderText="Price" Width="100" />
</syncfusion:SfDataGrid.Columns>
<syncfusion:SfDataGrid.GroupColumnDescriptions>
<syncfusion:GroupColumnDescription ColumnName="ShipCountry"/>
</syncfusion:SfDataGrid.GroupColumnDescriptions>
<syncfusion:SfDataGrid.GroupSummaryRows>
<syncfusion:DataGridSummaryRow ShowSummaryInRow="True"
Title="Total Price: {Price} for {CustomerID} members">
<syncfusion:DataGridSummaryRow.SummaryColumns>
<syncfusion:DataGridSummaryColumn Name="Price"
MappingName="Price"
Format="{}{Sum:C0}"
SummaryType="DoubleAggregate">
</syncfusion:DataGridSummaryColumn>
<syncfusion:DataGridSummaryColumn Name="CustomerID"
MappingName="CustomerID"
Format="{}{Count}"
SummaryType="CountAggregate">
</syncfusion:DataGridSummaryColumn>
</syncfusion:DataGridSummaryRow.SummaryColumns>
</syncfusion:DataGridSummaryRow>
</syncfusion:SfDataGrid.GroupSummaryRows>
</syncfusion:SfDataGrid>
</ContentPage.Content>
C
private void dataGrid_QueryRowHeight(object sender, Syncfusion.Maui.DataGrid.DataGridQueryRowHeightEventArgs e)
{
if (dataGrid.IsGroupSummaryRow(e.RowIndex))
{
e.Height = 100;
e.Handled = true;
}
}
Download the complete sample from GitHub