JQueryEasyUIdatagrid 中使⽤合计⾏
datagridjquery框架定义
中可以使⽤合计⾏显⽰汇总信息，合计⾏可以是多⾏，如下图所⽰：
合计⾏的数据由datagrid 的数据源提供，如下所⽰：
要使⽤合计⾏必须设置showFooter 为true ，服务器返回的json 除了rows 集合还需要有footer 集合，代码如下：Js 代码
1. {
"total": 1,
"rows": [
{
"id": 1,
"name": "Chai",
"price": 18.00
}
],
"footer": [
{
"name": "Total",
"price": 18.00
}
]}
Js 代码
1.
$('#tt').datagrid({  2.
url: 'datagrid_data.json',  3.
title: 'DataGrid',  4.
width: 400,  5.
height: 220,  6.
fitColumns: true ,  7.
rownumbers:true ,  8.
showFooter:true ,  9.
columns:[[{10.
field:'name',11.
title:'Product Name',12.
width:8013.
},{14.
field:'price',15.
title:'Unit Price',16.
width:40,align:'right'17.
}]]  18. });

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。