使用EasyUI的datagrid实现报表统计，添加总计行,选中数据行的求和计算等

最新推荐文章于 2023-07-27 17:16:28 发布

骑

最新推荐文章于 2023-07-27 17:16:28 发布

阅读量6.8k

点赞数 3

分类专栏：前台jsp+css

本文链接：https://blog.youkuaiyun.com/tuomazhao/article/details/89351887

版权

本文介绍如何使用EasyUI的datagrid组件在jsp前端页面实现报表统计功能，包括添加总计行以及选中数据行的求和计算。通过示例代码展示了具体的实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图如下：

jsp前台页面：

<table id="datagridTable" class="easyui-datagrid" fitColumns="false" border="true" showFooter="true">
						<thead>
							<tr>
								<th data-options="field:'ck',checkbox:true,width:5">全选</th>
								<th
									data-options="field:'TRADE_ID',width:180,sortable:false,halign:'center',align:'center'">订单编号</th>
								<th
									data-options="field:'MAILNO',width:150,sortable:false,halign:'center',align:'center'" >运单号</th>
								<th
									data-options="field:'TRADE_DEPT_ID',width:100,sortable:false,halign:'center',align:'center'">渠道编码</th>
								<th
									data-options="field:'DEPART_NAME',width:120,sortable:false,halign:'center',align:'center'">渠道名称</th>
								<th
									data-options="field:'D_CONTACT',width:100,sortable:false,halign:'center',align:'center'">联系人</th>
								<th
									data-options="field:'D_MOB

最低0.47元/天解锁文章