【JavaScript】JAVA-表格里的c:foreach使用及数字总计
两步:1.上图

2.上代码
<div class="group-accordion" collapsible="true" active="true">
<h3>
<label>供应商库存在线查看</label>
</h3>
<div>
<table class="dataTable no-footer" id="DS173101ProductTable" style="width: 100%">
<thead>
<tr style="background:#DBDBDB">
<th>产品名称</th>
<th>产品规格</th>
<th>月度计划供应量(KG)</th>
<th>月度未完成计划供应量</th>
<th>计划生产量</th>
<th>待运库入库量</th>
<th>在途产品量</th>
<th>物流区销售库存量</th>
<th>在线三旬销售量预测</th>
<th>销售安全库存量</th>
<th>操作</th>
</tr>
</thead> <tbody>
<c:set var="s" value="0"></c:set>
<c:set var="s1" value="0"></c:set>
<c:set var="s2" value="0"></c:set>
<c:set var="s3" value="0"></c:set>
<c:set var="s4" value="0"></c:set>
<c:set var="s5" value="0"></c:set>
<c:set var="s6" value="0"></c:set>
<c:set var="s7" value="0"></c:set>
<c:forEach items="${biglist}" var="biglist" varStatus="j"> <c:set var="sum" value="0"></c:set>
<c:set var="sum1" value="0"></c:set>
<c:set var="sum2" value="0"></c:set>
<c:set var="sum3" value="0"></c:set>
<c:set var="sum4" value="0"></c:set>
<c:set var="sum5" value="0"></c:set>
<c:set var="sum6" value="0"></c:set>
<c:set var="sum7" value="0"></c:set>
<c:forEach items="${biglist.list}" var="item" varStatus="i">
<tr> <c:if test="${i.index==0}">
<td rowspan="${fn:length(biglist.list)+1}">${item.classes}</td>
</c:if> <td>${item.two}</td> <td>${item.three}</td>
<c:set var="sum" value="${item.three+sum}"></c:set> <td>${item.four}</td>
<c:set var="sum1" value="${item.four+sum1}"></c:set> <td>${item.five}</td>
<c:set var="sum2" value="${item.five+sum2}"></c:set> <td>${item.six}</td>
<c:set var="sum3" value="${item.six+sum3}"></c:set> <td>${item.serven}</td>
<c:set var="sum4" value="${item.serven+sum4}"></c:set> <td>${item.eight}</td>
<c:set var="sum5" value="${item.eight+sum5}"></c:set> <td>${item.nine}</td>
<c:set var="sum6" value="${item.nine+sum6}"></c:set> <td>${item.ten}</td>
<c:set var="sum7" value="${item.ten+sum7}"></c:set> <c:if test="${i.index==0}">
<td rowspan="${fn:length(biglist.list)+1}"><msk:button buttonValue="计划调整" buttonId="DS173101.SEARCH" buttonType="button"/></td>
</c:if> </tr>
</c:forEach> <tr style="background:#DBDBDB">
<td align="center">小计</td>
<td>${sum}</td>
<c:set var="s" value="${sum+s}"></c:set>
<td>${sum1}</td>
<c:set var="s1" value="${sum1+s1}"></c:set>
<td>${sum2}</td>
<c:set var="s2" value="${sum2+s2}"></c:set>
<td>${sum3}</td>
<c:set var="s3" value="${sum3+s3}"></c:set>
<td>${sum4}</td>
<c:set var="s4" value="${sum4+s4}"></c:set>
<td>${sum5}</td>
<c:set var="s5" value="${sum5+s5}"></c:set>
<td>${sum6}</td>
<c:set var="s6" value="${sum6+s6}"></c:set>
<td>${sum7}</td>
<c:set var="s7" value="${sum7+s7}"></c:set>
</tr>
</c:forEach> <tr style="background:#DBDBDB">
<td colspan="2" align="center">总计</td>
<td>${s}</td>
<td>${s1}</td>
<td>${s2}</td>
<td>${s3}</td>
<td>${s4}</td>
<td>${s5}</td>
<td>${s6}</td>
<td>${s7}</td>
<td></td> </tr> </tbody>
</table>
</div>
</div>
【JavaScript】JAVA-表格里的c:foreach使用及数字总计的更多相关文章
- JavaScript函数柯里化
函数式 JavaScript是以函数为一等公民的函数式语言.函数在JavaScript中也是一个对象(继承制Function),函数也可以作为参数传递成函数变量.最近几年函数式也因为其无副作用的特性. ...
- 重构一段基于原生JavaScript的表格绘制代码
为了在CardSimulate项目中方便的显示技能和效果列表,决定重构以前编写的一段JavaScript代码——att表格绘制库,这段代码的作用是将特定的JavaScript数据对象转化为表格,支持精 ...
- 如何让一个json文件显示在表格里
<body> //首先得把架子搭起来 <table id = "tb" border="1"> <tr></tr> ...
- JavaScript创建表格的两种方式
方式一: var data = [ { id: 1, name: "first", age: 12 }, { id: 2, name: "second", ag ...
- java工程项目里,在一个包里面,不能出现同名的类名,这问题是刚接触java才会遇到的,特别是新手一般都没有建立包,而是使用默认的,易出现同名的类名,导致eclipse提示错误
java工程项目里,在一个包里面,不能出现同名的类名,这问题是刚接触java才会遇到的,特别是新手一般都没有建立包,而是使用默认的,易出现同名的类名,导致eclipse提示错误. 问题: 创建了一个工 ...
- 使用C#或javascript将Table里的数据导出到Excel
原文:使用C#或javascript将Table里的数据导出到Excel Demo效果图: 用C#将Table数据导出Excel: 本方法已经将导出excel做成分部视图,引用时只需在视图中使用如下代 ...
- PHP的数组值传入JavaScript的数组里
<!doctype html public "-//W3C//DTD HTML 4.0 //EN"> <html><head> &l ...
- 如何在HTML表格里定位到一行数据
业务需求: 在这样一个表格里,通过点击"确认"按钮,收集该行数据,向后台发送请求 解决办法 以该button为锚获取父节点,再由父节点获取各个元素的值 获取子元素又有很多办法,包括 ...
- 原来Java世界里也有这么多精彩的故事,学Java真有趣!
大千世界,无所不有.这世上不光有人类世界,还有咱们的java世界.今天就由我这个实习导游带领你们了解了解咱们的java世界奇妙之处. 有一种暖男叫catch,有一种真爱叫try---catch,世 ...
随机推荐
- C#基础之反射
虽然还在学校读书,反射实际写的不多.但感觉反射在程序开发中用得还是挺多的,对我来说也是.NET中的一个难点.通过反射,我们可以在运行时获得.NET中的每一个类型的成员,这些类型包括类.结构.委托和枚举 ...
- [BZOJ2961]共点圆-[凸包+cdq分治]
Description 传送门 Solution 考虑对于每一个点: 设圆的坐标为(x,y),点的坐标为(x0,y0).依题意得,当一个点在圆里,需要满足(x-x0)2+(y-y0)2<=x2+ ...
- Spring Boot:Caused by: org.apache.ibatis.binding.BindingException: Parameter 'deptId' not found.
1. 错误信息描述 在使用Spring Boot + Mybaits从前台向后台提交数据时,控制台报出该错误信息 2. 报错原因 在dao接口中,该方法拥有两个参数,Mybaits无法区分这两个参数 ...
- iOS 的音频播放
一.Audio Toolbox 1.使用代码 #import <AudioToolbox/AudioToolbox.h> AudioServicesPlaySystemSound(1106 ...
- vscode eslint格式化配置
{ // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize &qu ...
- Http协议工作特点和工作原理笔记
工作特点: (1)B/S结构(Browser/Server,浏览器/服务器模式) (2)无状态 (3)简单快速.可使用超文本传输协议.灵活运行传输各种类型 工作原理: 客户端发送请求浏览器 -> ...
- Phaser3让超级玛丽实现轻跳、高跳及加上对应的跳跃声音
mario jumper 在线测试地址:http://www.ifiero.com/uploads/phaserjs3/jumper/ 空格键:轻按:跳低 ,长按:跳高键盘:--> 向右 , ...
- Vue2 v-bind:href 中如何使用过滤器
<a class="topic_title" v-bind:href="info.id|getTitleHref" v-bind:title=" ...
- 直线石子合并(区间DP)
石子合并 时间限制:1000 ms | 内存限制:65535 KB 描述有N堆石子排成一排,每堆石子有一定的数量.现要将N堆石子并成为一堆.合并的过程只能每次将相邻的两堆石子堆成一堆,每次合并花费 ...
- Matplotlib外观和基本配置笔记
title: matplotlib 外观和基本配置笔记 notebook: Python tags:matplotlib --- 参考资料,如何使用matplotlib绘制出数据图形,参考另一篇mat ...