datagrid中添加合计行计算合计

    在公司demo项目实习中，我有一个功能是展示所有支出明细后，在下面添加一行合计，计算所有支出明细之和。

    首先我想到的是用easyui里datagrid有一个属性showFooter，就是添加尾行，无论在页面添加多少条数据，合计行都会位于所有记录的最下方，而且比较美观。于是我在我的代码中添加了showFooter：true的属性，如下：

<div id="payGrid" wj-type="datagrid"
	 wj-options="{title:'支出明细',listUrl:'<ww:actionUri action="dirPayDetailData"/>',idField:'uuid',columns:[[
	 	{ field: 'ck', checkbox: true },
	 { title: 'uuid', field: 'uuid', width: 100,hidden:true},	
	{ title: '员工名称', field: 'empName', width: 100},
	{ title: '支出金额', field: 'payMoney', width: 150 },
	{ title: '支出时间', field: 'payDate', width: 150,formatter:function(value,row,index){
	    return myFunction(row.payDate);
	}},
	{ title: '创建时间', field: 'createTime', width: 300},
	{ title: '修改时间', field: 'editTime', width: 300},
	{ title: '创建者', field: 'creater', width: 300}
	]]<span style="color:#ff0000;">,showFooter:true,footer:[{'empName':'合计','payMoney':600.0}]</span>}">
    这是模仿easyui官网的demo写的。官网demo的数据来源和我的不太相似，如果有兴趣，大家可以了解一下官网的。easyui官网