两步: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使用及数字总计的更多相关文章

  1. JavaScript函数柯里化

    函数式 JavaScript是以函数为一等公民的函数式语言.函数在JavaScript中也是一个对象(继承制Function),函数也可以作为参数传递成函数变量.最近几年函数式也因为其无副作用的特性. ...

  2. 重构一段基于原生JavaScript的表格绘制代码

    为了在CardSimulate项目中方便的显示技能和效果列表,决定重构以前编写的一段JavaScript代码——att表格绘制库,这段代码的作用是将特定的JavaScript数据对象转化为表格,支持精 ...

  3. 如何让一个json文件显示在表格里

    <body> //首先得把架子搭起来 <table id = "tb" border="1"> <tr></tr> ...

  4. JavaScript创建表格的两种方式

    方式一: var data = [ { id: 1, name: "first", age: 12 }, { id: 2, name: "second", ag ...

  5. java工程项目里,在一个包里面,不能出现同名的类名,这问题是刚接触java才会遇到的,特别是新手一般都没有建立包,而是使用默认的,易出现同名的类名,导致eclipse提示错误

    java工程项目里,在一个包里面,不能出现同名的类名,这问题是刚接触java才会遇到的,特别是新手一般都没有建立包,而是使用默认的,易出现同名的类名,导致eclipse提示错误. 问题: 创建了一个工 ...

  6. 使用C#或javascript将Table里的数据导出到Excel

    原文:使用C#或javascript将Table里的数据导出到Excel Demo效果图: 用C#将Table数据导出Excel: 本方法已经将导出excel做成分部视图,引用时只需在视图中使用如下代 ...

  7. PHP的数组值传入JavaScript的数组里

    <!doctype html public "-//W3C//DTD HTML 4.0 //EN"> <html><head>       &l ...

  8. 如何在HTML表格里定位到一行数据

    业务需求: 在这样一个表格里,通过点击"确认"按钮,收集该行数据,向后台发送请求 解决办法 以该button为锚获取父节点,再由父节点获取各个元素的值 获取子元素又有很多办法,包括 ...

  9. 原来Java世界里也有这么多精彩的故事,学Java真有趣!

    大千世界,无所不有.这世上不光有人类世界,还有咱们的java世界.今天就由我这个实习导游带领你们了解了解咱们的java世界奇妙之处.   有一种暖男叫catch,有一种真爱叫try---catch,世 ...

随机推荐

  1. 树链剖分学习&BZOJ1036

    题目传送门 树链剖分,计算机术语,指一种对树进行划分的算法,它先通过轻重边剖分将树分为多条链,保证每个点属于且只属于一条链,然后再通过数据结构(树状数组.SBT.SPLAY.线段树等)来维护每一条链. ...

  2. jsp命名规则

    jsp也用驼峰规则命名即可,不要使用下划线,否则在tomcat中容易出现解析错误

  3. jaron插件的用法

    一.dict字典插件的基本用法: <%@ taglib prefix="dict" uri="http://www.evan.jaron.com/tags/dict ...

  4. 视觉SLAM中的深度估计问题

    一.研究背景 视觉SLAM需要获取世界坐标系中点的深度. 世界坐标系到像素坐标系的转换为(深度即Z): 深度的获取一共分两种方式: a)主动式 RGB-D相机按照原理又分为结构光测距.ToF相机 To ...

  5. 配置文件语言之yaml

    一. Yaml YAML 是一种简洁的非标记语言.YAML以数据为中心,使用空白,缩进,分行组织数据,从而使得表示更加简洁易读. 由于实现简单,解析成本很低,YAML特别适合在脚本语言中使用.列一下现 ...

  6. Unity3D:Text在Inspector面板中中无法显示,需转换成UTF-8格式

    环境:Win10 读取text内容后unity报错:Input string was not in the correct format 同时在Inspector面板中无法预览Text文本内容 随后发 ...

  7. 特征点检测--基于CNN:TILDE: A Temporally Invariant Learned DEtector

    TILDE: A Temporally Invariant Learned DEtector Yannick Verdie1,∗ Kwang Moo Yi1,∗ Pascal Fua1 Vincent ...

  8. Ubuntu系统下在PyCharm里用virtualenv集成TensorFlow

    我的系统环境 Ubuntu 18.04 Python3.6 PyCharm 2018.3.2 community(免费版) Java 1.8 安装前准备 由于众所周知的原因,安装中需要下载大量包,尽量 ...

  9. 亚马逊6月18日发布惊世之作 或为3D智能手机

    亚马逊将在 6 月 18 日举行一个产品发布会. 其内容可能是关于传闻已久的亚马逊智能手机.该公司在 YouTube 上公布了一段炫耀这款设备的视频.这段视频展示了很多人在这款产品前摇头晃脑,并且表现 ...

  10. 使用appcmd命令创建iis站点及应用程序池

    参考文章:iis7 appcmd的基础命令及简单用法 验证环境:Windows 7    IIS7 AppCmd.exe工具所在目录 C:\windows\sytstem32\inetsrv\目录下, ...