Group Footers Not Rendering Correctly

[Kelly Harrison]

template:

<ejs-grid ... [allowGrouping]="true"[groupSettings]="groupOptions">
​
....

<e-aggregates>
    <e-aggregate>
    <e-columns>
        <e-column field="HoursSpent" type="sum">
        <ng-template #groupFooterTemplate let-data>Total: {{data.sum}}</ng-template>
        </e-column>
        <e-column field="HoursSpent" type="sum">
        <ng-template #footerTemplate let-data>Total: {{data.sum}}</ng-template>
        </e-column>
    </e-columns>
    </e-aggregate>
</e-aggregates>
</ejs-grid>

component:

ngOnInit() {
    this.groupOptions = { disablePageWiseAggregates: true, columns: ['CaseNoteType.Description'] };

...
}

​

Notice how the group footers aren't rendering correctly.

[Rajapandi Ravi]

Hi Kelly, 

Greetings from Syncfusion support 

From your update, we could see that you like to render Group Footer template and facing a problem with it. Based on your query, we have checked your reported scenario and try to reproduce the problem from our end, but it was unsuccessful. The Group Footer template was rendered properly. Please refer the below code example and sample for more information. 

App.component.html 

 

<e-aggregates> 

        <e-aggregate> 

            <e-columns> 

                <e-column type="Sum" field="UnitsInStock"> 

                      <ng-template #groupFooterTemplate let-data>Total units: {{data.Sum}}</ng-template> 

                </e-column> 

                <e-column type="TrueCount" field="Discontinued"> 

                    <ng-template #groupFooterTemplate let-data>Discontinued: {{data.TrueCount}}</ng-template> 

                </e-column> 

            </e-columns> 

        </e-aggregate> 

    </e-aggregates> 

 

Sample: https://stackblitz.com/edit/angular-bjqpv8?file=app.component.html 

Screenshot:  

 

If you still face the issue, Please share the below details that will be helpful for us to provide better solution. 

1)      Please share Syncfusion package version. 

2)      Please share any issue reproducible sample or please modify the above sample as per your application structure and try to reproduce the issue. 

Regards, 

Rajapandi R