Aggregate for multiple columns

[Samir Modi]

Hi, 

Might me something simple but how do i show aggregate for multiple columns within the same footer row? I tried adding footer template but it displays in a new row

[Vignesh Sivagnanam]

Hi Samir, 

Thanks for contacting Syncfusion support 

Based on your query we understand that you want to render the Aggregates for multiple column in the single footer. So, we have prepared a sample based on your requirement and you can achieve you requirement through the below way. 

Please refer the below Code Example, 

Code Example:  

<e-aggregates> 

      <e-aggregate> 

        <e-columns> 

          <e-column type="Sum" field="Freight" format="C2"> 

            <ng-template #footerTemplate let-data>Sum: {{data.Sum}}</ng-template> 

          </e-column> 

          <e-column type="Average" field="OrderID"> 

            <ng-template #footerTemplate let-data>Average: {{data.Average}}</ng-template> 

          </e-column> 

        </e-columns> 

      </e-aggregate> 

    </e-aggregates> 

Please refer the below sample for your reference, 

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

Please let us know, if you need further assistance. 

Regards, 

Vignesh Sivagnanam