Hello,
I'm trying to use kendo grid with aggregates
it's work fine but, it come an error in the console when I make a grouping with aggregates
Here is the code
TS file
/ Kendo Data Grid Aggregates public aggregates: AggregateDescriptor[] = [ { field: 'statusID', aggregate: 'count' }, { field: 'severityID', aggregate: 'count' }, { field: 'shortDescription', aggregate: 'count' }, ]; // Kendo GroupDescriptor public group: GroupDescriptor[] = []; public onGroupChange(group: GroupDescriptor[]): void { // set aggregates to the returned GroupDescriptor group.map((group) => (group.aggregates = this.aggregates)); this.group = group; }
HTML FILE
<kendo-grid
[kendoGridBinding]="dataSource"
[groupable]="true"
[selectable]="true"
[sortable]="true"
[resizable]="true"
[filterable]="filterMode"
(selectionChange)="selectionChanged($event.selectedRows[0].dataItem)"
(groupChange)="onGroupChange($event)"
[group]="group"
>
<kendo-grid-column
field="nonConformanceIssueID"
[filterable]="false"
title="ID"
>
</kendo-grid-column>
<kendo-grid-column field="shortDescription" title="Short Description">
<ng-template
kendoGridGroupHeaderTemplate
let-element
let-aggregates="aggregates"
>
<span>
{{ element.value }} : number of units in group:{{
aggregates.shortDescription.count
}}
</span>
</ng-template></kendo-grid-column
>
<kendo-grid-column field="severityID" title="Severity">
<ng-template
kendoGridGroupHeaderTemplate
let-element
let-aggregates="aggregates"
>
<span>
{{ element.value }} : number of units in group:{{
aggregates.severityID.count
}}
</span>
</ng-template></kendo-grid-column
>
<kendo-grid-column field="statusID" title="Status">
<ng-template
kendoGridGroupHeaderTemplate
let-element
let-aggregates="aggregates"
>
<span>
{{ element.value }} : number of units in group:
{{ aggregates.statusID.count }}
</span>
</ng-template>
</kendo-grid-column>
</kendo-grid>
Here is the error in the attachment
Any idea?