angularjs ui-grid自定义底部模版:footerCellTemplate
一,在对应的列对象里绑定自定义模版代码
columns[i].footerCellTemplate="<div class='ui-grid-cell-contents'>" +
"{{ ((col.getRowAggregationValue()['利润']/col.getRowAggregationValue()['总收入'])*100)|number:2 }}%" +
"</div>";
二,需要根据表格其他列的统计值计算出新的统计值,如总毛利率=总利润/总收入,这里需要在ui-grid源码新增一个方法,用于获取表格中其他列的统计值。
ui-grid.min.js在this.getAggregationValue的方法下方封装获取其他列的统计值方法:
this.getRowAggregationValue=function(){
var columsMap = {},column={};
for( index in n.grid.columns){
column = n.grid.columns[index]
columsMap[column.name] = column.getAggregationValue();
}
return columsMap;
}
三,效果如下: