datagrid中使用合计行

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

 

你可能感兴趣的:(jquery,json)