easyui 表格底部加合计

本文介绍了jquery easyui中datagrid使用合计行显示汇总信息的方法，需要的朋友参考下。

在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