jqGrid 添加 合计行 footDate
jQuery(table_id).jqGrid({ url : url,//组件创建完成之后请求数据的url datatype : "json",//请求数据返回的类型。可选json,xml,txt postData:paramObj, rownumbers: true, rowNum : rownum,//一页显示多少条 // rowList : [ 10, 20,30 ],//可供用户选择一页显示多少条 pager : list_id,//表格页脚的占位符(一般是div)的id height:'auto', jsonReader:{ sidx:"sidx", root:"list", total:"totalPage", page:"currentPage", records:"rowNumber", repeatitems:false }, // sortname : 'id',//初始化的时候排序的字段 // sortorder : "desc",//排序方式,可选desc,asc footerrow:true, gridComplete:function(){ if(rownum==22){//该判断只是我的jqGrid是公用的方法,加合计是单独的表格有这一需求 var sum_sent=$(table_id).getCol('sendAmount',false,'sum'); var sum_return=$(table_id).getCol('returnAmount',false,'sum'); var sum_ratio =(Number(sum_return)/Number(sum_sent))*100; var ratio=sum_ratio.toFixed(2); $(table_id).footerData('set', {city: '总计',sendAmount:sum_sent,returnAmount:sum_return,returnRatio:ratio}); //这里总共用到了两个方法和两个属性 //属性:1、footerrow:true 2、gridComplete //方法:1、getCol(name,true/false,sum/avg/count) 2、footerData } }, mtype : "post",//向后台请求数据的ajax的类型。可选post,get viewrecords : true,//定义是否要显示总记录数 caption :'',//表格的标题名字 colNames :['账期', '地市', '发货量','退货量', '退货率'],//jqGrid的列显示名字 colModel :[ {name : 'month',index : 'list.month',width : 100}, {name : 'city',index : 'list.city',width : 80}, {name : 'sendAmount',index : 'list.sendAmount',width : 250}, {name : 'returnAmount',index : 'list.returnAmount',width : 150,align : "right"}, {name : 'returnRatio',index : 'list.returnRatio',width : 250,align : "right",formatter:function(cellvalue, options, rowObject){return cellvalue+'%';}} ] }).trigger('reloadGrid');
去这里看吧 你要的都有
http://blog.mn886.net/jqGrid/