[英]Footer for kendo-grid Angular
在寻找剑道网格角度的页脚总和时需要帮助。
<kendo-grid [data]="gridData">
<ng-template ngFor [ngForOf]="columns" let-column>
<kendo-grid-column field="{{column}}">
<ng-template kendoGridFooterTemplate>
{{aggregate[column.value].sum}}
</ng-template>
</kendo-grid-column>
</ng-template>
我期望一个带有列的网格的输出以及页脚中每列的相应总和。
输出仅显示不带页脚的网格。
模板
<kendo-grid
[data]="gridData"
>
<kendo-grid-column field="ProductID" title="Product ID" width="120">
</kendo-grid-column>
<kendo-grid-column field="UnitPrice" title="Unit Price" width="230">
<ng-template
kendoGridFooterTemplate
let-column="column">Total {{column.title}}: {{total["UnitPrice"].sum}}</ng-template>
</kendo-grid-column>
</kendo-grid>
appcomponent.ts
export class AppComponent {
public aggregates: any[] = [{field: 'UnitPrice', aggregate: 'sum'}];
public data = [{
'ProductID': 1,
'ProductName': 'Chai',
'UnitPrice': 18.0000
}, {
'ProductID': 2,
'ProductName': 'Chang',
'UnitPrice': 19.0000
}, {
'ProductID': 3,
'ProductName': 'Aniseed Syrup',
'UnitPrice': 10.0000
}, {
'ProductID': 4,
'ProductName': "Chef Anton\'s Cajun Seasoning",
'UnitPrice': 22.0000
}, {
'ProductID': 5,
'ProductName': "Chef Anton\'s Gumbo Mix",
'UnitPrice': 21.3500
}];
public gridData: any = this.data;
public total: any = aggregateBy(this.data, this.aggregates);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.