grid - Kendo Grid - Multiple footer rows

Question

How can I add multiple footer rows to a single Kendo Grid? I need these footer rows to have different totals summaries. Adding an aggregate property to the datasource and a footerTemplate to the column only adds one footer row.

Answer 1

找到了办法。

网格中的每一列都有一个可以用 HTML 定义的 footerTemplate。使用 div，我能够在页脚行中添加多个“行”。

$("#mygrid").kendoGrid({
dataSource: data,
columns:[
{
  field: "Column 1",
  title: "Column 1",
  footerTemplate: "#= <div>Totals A</div><div>Totals B</div> #"
},
{
  field: "Column 2",
  title: "Column 2",
  footerTemplate: "#= <div>$1000</div><div>$700</div> #"
}
]