在jquery easyui中使用datagrid合计行,可以是多行,如下图:

合计行的数据由datagrid的数据源提供,如下:
 
复制代码 代码示例:
{"total":1,"rows":[{"id":1,"name":"Chai","price":18.00}],"footer":[{"name":"Total","price":18.00}]} 
要使用合计行必须设置showFooter为true:
 
复制代码 代码示例:
$('#tt').datagrid({  
    url: 'datagrid_data.json',  
    title: 'DataGrid',  
    width: 400,  
    height: 220,  
    fitColumns: true,  
    rownumbers:true,  
    showFooter:true,  
    columns:[[  
        {field:'name',title:'Product Name',width:80},  
        {field:'price',title:'Unit Price',width:40,align:'right'}  
    ]]  
}); 
原文参考:http://jquery-easyui.wikidot.com/tutorial:datagrid17
 
附,网友评论。
经查:reloadFooter可以实现以上功能!
版本:V1.2.3
补充一下吧:比如编辑,表主体内容发生变货,合计列要相应动态变化,此时也需要操作 footer
能否增加一些对该footer的操作呢?如手工添加行,现在只有一个getFooterRows如果我的界面一开始没有数据,但是就是要增加一个footer则没有办法。