groupable.stickyFootersBoolean(default: false)
When enabled the group footer rows will stick to the bottom of the scrollable content area while scrolling through the group's data rows. Requires the scrollable option to be enabled. The columns must have a groupFooterTemplate defined.
Example - enable sticky group footers
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columns: [
{ field: "productName", groupFooterTemplate: "Count: #=count#" },
{ field: "category" }
],
dataSource: {
data: [
{ productName: "Tea", category: "Beverages" },
{ productName: "Coffee", category: "Beverages" },
{ productName: "Ham", category: "Food" },
{ productName: "Bread", category: "Food" }
],
group: { field: "category", aggregates: [{ field: "productName", aggregate: "count" }] }
},
height: 200,
scrollable: true,
groupable: {
stickyFooters: true
}
});
</script>