【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,世 ...
随机推荐
- 树链剖分学习&BZOJ1036
题目传送门 树链剖分,计算机术语,指一种对树进行划分的算法,它先通过轻重边剖分将树分为多条链,保证每个点属于且只属于一条链,然后再通过数据结构(树状数组.SBT.SPLAY.线段树等)来维护每一条链. ...
- jsp命名规则
jsp也用驼峰规则命名即可,不要使用下划线,否则在tomcat中容易出现解析错误
- jaron插件的用法
一.dict字典插件的基本用法: <%@ taglib prefix="dict" uri="http://www.evan.jaron.com/tags/dict ...
- 视觉SLAM中的深度估计问题
一.研究背景 视觉SLAM需要获取世界坐标系中点的深度. 世界坐标系到像素坐标系的转换为(深度即Z): 深度的获取一共分两种方式: a)主动式 RGB-D相机按照原理又分为结构光测距.ToF相机 To ...
- 配置文件语言之yaml
一. Yaml YAML 是一种简洁的非标记语言.YAML以数据为中心,使用空白,缩进,分行组织数据,从而使得表示更加简洁易读. 由于实现简单,解析成本很低,YAML特别适合在脚本语言中使用.列一下现 ...
- Unity3D:Text在Inspector面板中中无法显示,需转换成UTF-8格式
环境:Win10 读取text内容后unity报错:Input string was not in the correct format 同时在Inspector面板中无法预览Text文本内容 随后发 ...
- 特征点检测--基于CNN:TILDE: A Temporally Invariant Learned DEtector
TILDE: A Temporally Invariant Learned DEtector Yannick Verdie1,∗ Kwang Moo Yi1,∗ Pascal Fua1 Vincent ...
- Ubuntu系统下在PyCharm里用virtualenv集成TensorFlow
我的系统环境 Ubuntu 18.04 Python3.6 PyCharm 2018.3.2 community(免费版) Java 1.8 安装前准备 由于众所周知的原因,安装中需要下载大量包,尽量 ...
- 亚马逊6月18日发布惊世之作 或为3D智能手机
亚马逊将在 6 月 18 日举行一个产品发布会. 其内容可能是关于传闻已久的亚马逊智能手机.该公司在 YouTube 上公布了一段炫耀这款设备的视频.这段视频展示了很多人在这款产品前摇头晃脑,并且表现 ...
- 使用appcmd命令创建iis站点及应用程序池
参考文章:iis7 appcmd的基础命令及简单用法 验证环境:Windows 7 IIS7 AppCmd.exe工具所在目录 C:\windows\sytstem32\inetsrv\目录下, ...