I have kendo grid as follows
<script>
$(document).ready(function () {
$.support.cors = true;
var url = "url";
$("#grid").kendoGrid({
dataSource: {
type: "json",
transport: {
read: url
},
schema: {
model: {
fields: {
ResourceName: { type: "string" },
ProjectName: { type: "string" },
WeekOneUtilization: { type: "number" },
WeekTwoUtilization: { type: "number" },
WeekThreeUtilization: { type: "number" },
WeekFourUtilization: { type: "number" },
}
}
},
group: {
field: "ResourceName",
aggregates: [
{ field: "WeekOneUtilization", aggregate: "sum" },
{ field: "WeekTwoUtilization", aggregate: "sum" },
{ field: "WeekThreeUtilization", aggregate: "sum" },
{ field: "WeekFourUtilization", aggregate: "sum" }
]
},
aggregate: [{ field: "ProjectName", aggregate: "count" },
{ field: "WeekOneUtilization", aggregate: "sum" },
{ field: "WeekTwoUtilization", aggregate: "sum" },
{ field: "WeekThreeUtilization", aggregate: "sum" },
{ field: "WeekFourUtilization", aggregate: "sum" }]
},
height: '100%',
width: 500,
columns:
[
{
field: "ResourceName",
title: "Resource Name",
width: 225
},
{
field: "ProjectName",
title: "Project Name",
width: 100
},
{
field: "WeekOneUtilization",
title: "@weekOneDisplayName",
width: 100,
aggregates: ["sum"],
//footerTemplate: "Total Utilization: #=sum#",
groupFooterTemplate: "Individual Utilization: #=sum#"
},
{
field: "WeekTwoUtilization",
title: "@weekTwoDisplayName",
width: 100,
aggregates: ["sum"],
//footerTemplate: "Total Utilization: #=sum#",
groupFooterTemplate: "Individual Utilization: #=sum#"
},
{
field: "WeekThreeUtilization",
title: "@weekThreeDisplayName",
width: 100,
aggregates: ["sum"],
//footerTemplate: "Total Utilization: #=sum#",
groupFooterTemplate: "Individual Utilization: #=sum#"
},
{
field: "WeekFourUtilization",
title: "@weekFourDisplayName",
width: 100,
aggregates: ["sum"],
//footerTemplate: "Total Utilization: #=sum#",
groupFooterTemplate: "Individual Utilization: #=sum#"
},
]
});
});
</script>
I want to add new column to the group footer with the sum of all four week sum. How can I achieve that in kendo grid
<script>
$(document).ready(function () {
$.support.cors = true;
var url = "url";
$("#grid").kendoGrid({
dataSource: {
type: "json",
transport: {
read: url
},
schema: {
model: {
fields: {
ResourceName: { type: "string" },
ProjectName: { type: "string" },
WeekOneUtilization: { type: "number" },
WeekTwoUtilization: { type: "number" },
WeekThreeUtilization: { type: "number" },
WeekFourUtilization: { type: "number" },
}
}
},
group: {
field: "ResourceName",
aggregates: [
{ field: "WeekOneUtilization", aggregate: "sum" },
{ field: "WeekTwoUtilization", aggregate: "sum" },
{ field: "WeekThreeUtilization", aggregate: "sum" },
{ field: "WeekFourUtilization", aggregate: "sum" }
]
},
aggregate: [{ field: "ProjectName", aggregate: "count" },
{ field: "WeekOneUtilization", aggregate: "sum" },
{ field: "WeekTwoUtilization", aggregate: "sum" },
{ field: "WeekThreeUtilization", aggregate: "sum" },
{ field: "WeekFourUtilization", aggregate: "sum" }]
},
height: '100%',
width: 500,
columns:
[
{
field: "ResourceName",
title: "Resource Name",
width: 225
},
{
field: "ProjectName",
title: "Project Name",
width: 100
},
{
field: "WeekOneUtilization",
title: "@weekOneDisplayName",
width: 100,
aggregates: ["sum"],
//footerTemplate: "Total Utilization: #=sum#",
groupFooterTemplate: "Individual Utilization: #=sum#"
},
{
field: "WeekTwoUtilization",
title: "@weekTwoDisplayName",
width: 100,
aggregates: ["sum"],
//footerTemplate: "Total Utilization: #=sum#",
groupFooterTemplate: "Individual Utilization: #=sum#"
},
{
field: "WeekThreeUtilization",
title: "@weekThreeDisplayName",
width: 100,
aggregates: ["sum"],
//footerTemplate: "Total Utilization: #=sum#",
groupFooterTemplate: "Individual Utilization: #=sum#"
},
{
field: "WeekFourUtilization",
title: "@weekFourDisplayName",
width: 100,
aggregates: ["sum"],
//footerTemplate: "Total Utilization: #=sum#",
groupFooterTemplate: "Individual Utilization: #=sum#"
},
]
});
});
</script>
I want to add new column to the group footer with the sum of all four week sum. How can I achieve that in kendo grid