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
分享到:
相关推荐
wpf的DataGrid中,添加某一列的合计,并在最下方固定显示。本列子不使用ToolKit(有3.5和4.0的限制),添加一个类,重写DataGrid。可以在DataGrid上下左右绑定一个DataGrid,类似Footer属性。示例可直接运行,简单...
找了好长时间,终于找到wpf DataGrid添加合计行并始终显示在底部,并带有DataGrid 样式(隔行变色,鼠标移动变色,选中行变色)
DataGrid 统计每一列的值,合计在底部。 这里的合计是在 DataGrid 的内部,汇总在最后一行,在 DataGrid 横向滚动条的上方进行汇总。
easyui的datagrid生成合并行,合计计算价格!
DataGrid 底部合计,在DataGrid 的外部,底部横向滚动条的下面做的汇总。
WPF datagrid foot合计行源代码,可以直接运行查看消费,可以参考源码自己扩展,是正真的foot,不是第二个datagrid
flex datagrid 实现合计功能控件包 带源码,demo fxp是flex4的工程文件,导入到工作空间即可 直接导入项目即可。 更多访问我的blog www.dplayer.net
easyui的datagrid中editor和combogrid的结合使用,datagrid中编辑项是下拉表的实现方式
FLEX的datagrid合计、平均值,很好的例子代码拿来就可以用
DataGrid的ItemCreated和ItemDataBound以及合计平均行
NULL 博文链接:https://lqw.iteye.com/blog/537409
修改了原来的mydatagridview 中去掉设置树深度属性, 自动获得树深度;并修改了修改树节点时报错的问题。
最近用到,flex datagrid最下面加上了合计功能,源代码,下载可导入直接运行
扩展了DataGrid,自适应高度。 实现Grid的合计功能。
论坛中最常见的一个问题是:“ 我怎样在 DataGrid 中显示列合计?”。 我亲自多次为这个问题提供了示例代码,因此,我想在DotNetJunkies 的标题中提供这么一份指南。 在这份指南中你将会学到怎样在 DataGrid 中编程...
在datagrid的onLoadSuccess事件增加代码处理。 <style type=text/css> .subtotal { font-weight: bold; }/*合计单元格样式*/ </style> [removed] function onLoadSuccess() { //添加“合计”列 $...
2)显示合计行;3)合计行同步表格或数据源数据更新;4)排序后重定位到当前行;5)设置行或单元的背景颜色;6)显示行序号/列序号;7)点击垂直滚动条顶/底端可以到第一/最末行。有关该组件的设计技术请参考拙文...
在网络上看过很多关于DataGridView合计的设计及源码,普遍都显得太过复杂。 特编写一个简单版的实现。
好用的FooterDataGrid,可以轻松做合计,并锁定合计行,突破lockedRowCount的限制。内有源码,可以自行修改定义新的功能。
在ASP.NET提供的数据访问控件中,DataGrid具有功能强大的数据展示功能。本文就实现数据排序、自动编号、产生合计项、数据导出为EXCEL文件格式的功能,进行探讨