AggregateColumn values misaligned in group/footer template

Question

I created a Blazor component using SfGrid to display the summary result of a database query.

The AggregateColumn values in this grid are aligned at both group/footer template levels

I then placed a dialog component SfDialog, with SfGrid as a template within the dialog to show details of drill down.

The AggregateColumn values in this second grid are not aligned at both group/footer levels

To see the details, double-click on any row of the summarized result.

How can I align these values within the dialog template?

Please see the attached sample project

Thank you

Attachment: Syncfusion_a970eb8f.zip

Dennis Igah · Accepted Answer

Thank you very much

Renjith. The problem has been resolved.

Renjith Singh Rajendran · Answer

Hi Dennis,

Greetings from Syncfusion support.

We have analyzed the shared codes. We suggest you to remove the Columns property from GridGroupSettings to overcome the reported alignment problem. Please remove the below highlighted property in the SfGrid inside SfDialog.

<GridGroupSettings Columns="@Initial"></GridGroupSettings>

We are also attaching a modified sample for your convenience.

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/Syncfusion62880072

As, we could see that you have not enabled AllowGrouping in SfGrid and not having any Columns for grouping in @Initial variable, at these cases we suggest you to not use the Columns property. It is required to enable the AllowGrouping and contain value in @Initial, if you need to perform grouping action in Grid.

Reference : https://blazor.syncfusion.com/documentation/datagrid/grouping

Please get back to us if you need further assistance.

Regards,

Renjith R

Renjith Singh Rajendran · Answer

Hi Dennis, 

Thanks for your update. Please get back to us if you need further assistance. 

Regards, 
Renjith R