<div id= "Grid" ></div> <script src= "Https://code.jquery.com/jquery-1.12.4.min.js" ></script > <script src= "https://kendo.cdn.telerik.com/2017.3.1026/js/jszip.min.js" ></script> <script src= "Https://kendo.cdn.telerik.com/2017.3.1026/js/kendo.all.min.js" ></script> <link href= "https:// Kendo.cdn.telerik.com/2017.3.1026/styles/kendo.common-material.min.css "rel=" stylesheet "/> <link href=" Https://kendo.cdn.telerik.com/2017.3.1026/styles/kendo.rtl.min.css "rel=" stylesheet "/> <link href=" https:// Kendo.cdn.telerik.com/2017.3.1026/styles/kendo.material.min.css "rel=" stylesheet "/> <link href=" https:// Kendo.cdn.telerik.com/2017.3.1026/styles/kendo.material.mobile.min.css "rel=" stylesheet "/> <script> $ (" # Grid "). Kendogrid ({columns: [{field:" FirstName ", FooterTemplate:" <span style= ' float:right ' &G
T;#= kendo.tostring (count, ' N0 ') #</span> "}, {field:" LastName ",FooterTemplate: "<span style= ' float:right ' >#= count #</span>",}, {field: "Age",
FooterTemplate: "<span style= ' float:right ' >#= kendo.tostring (sum, ' N0 ') #</span>", }], DataSource: {data: [{firstName: "Jane", LastName: "Doe", age:30}, {firstName: "John", LASTN Ame: "Doe", age:33}], aggregate: [{field: "FirstName", Aggregate: "Count"}, {field: "LastName
", Aggregate:" Count "}, {field:" Age ", Aggregate:" Sum "}]}); </script>