Kendo - 网格 - 聚合页脚列对齐

Question

我有一个Kendo网格，它有一个页脚模板来显示聚合数据。汇总数据最初与其列对齐（就像它应该）。但是，如果我隐藏一列并且列具有不同宽度，则汇总数据与其列不匹配。这里的小提琴：http://jsfiddle.net/uQG2J/1/

下面的代码：

var grid = $("#grid").kendoGrid({ 
dataSource: { 
    data: [ 
     {"foo": 10, "bar": 10, "moo":5}, 
     {"foo": 20, "bar": 30, "moo":8}, 
    ], 
    aggregate: [ 
     {field: "moo", aggregate: "sum"} 
    ] 
}, 
columns: [ 
    { 
     field: "foo", 
     width: 20 
    }, 
    { 
     field: "bar", 
     width: 80    
    },  
    { 
     field: "moo", 
     footerTemplate: "Sum: #=sum# ", 
     width: 40   
    } 

] 
}).data("kendoGrid"); 

grid.hideColumn("foo"); 
grid.refresh(); 

我该如何调整其列汇总数据隐藏的另一列后？

Answer 1

为了避免这样设置百分比列的宽度。

例如

var grid = $("#grid").kendoGrid({ 
    dataSource: { 
     data: [ 
      {"foo": 10, "bar": 10, "moo":5}, 
      {"foo": 20, "bar": 30, "moo":8}, 
     ],  
     aggregate: [ 
      {field: "moo", aggregate: "sum"} 
     ] 
    }, 
    columns: [ 
     { 
      field: "foo", 
      width: "20%" 
     }, 
     { 
      field: "bar", 
      width: "20%" 
     },   
     { 
      field: "moo", 
      footerTemplate: "Sum: #=sum# ", 
      width: "60%" 
     } 

    ] 
}).data("kendoGrid"); 

//grid.hideColumn("foo"); 
grid.refresh(); 

这里是一个更新的jsfiddle。