js求table合计

js求table合计
js代码
参数列表：tableId，(需要求合计的列(数组),”“),或(起始列，终止列)，起始行，结束行，table的总列数

function totalRow(tableId,beginCol,endCol,beginRow,endRow,tableCols){var totalRow = 0;var datas = new Array(tableCols);var table = document.getElementById(tableId); //获得整个表格对象 var cols = new Array();//判断第三个参数是否为空，如果不为空则说明是采用起始列和终止列方式，为空则说明采用的是数组的方式。if(endCol != "" && endCol != "undefined" && endCol != null){for(var m = beginCol,n = 0;m<endCol+1;m++,n++){cols[n] = m;}}else{cols = beginCol;}for(var i = 0;i<cols.length;i++){for(var j = beginRow;j<endRow;j++){num = table.rows[j].cells[cols[i]].innerText.trim(" ");//获取指定单元格的数值if(num.length>0){totalRow += parseFloat(num);datas[i] = totalRow;}}totalRow = 0;}$('#totalRow').append('<td class = "total">合计</td>');for(var z = 0;z<datas.length;z++){if(datas[z] == "" || datas[z] == null) {datas[z] = 0;} $('#totalRow').append('<td class = "totalNum">'+datas[z]+'</td>');}
}

css代码

.totalNum{//设置合计行数据的样式text-align: right;
}
.total{//这里设置“合计”两字的样式
}

jsp代码

//设置合计行显示的位置，例如table首行或者末尾行
<tr id="totalRow"></tr>

调用方式

//求合计
$(function(){  totalRow("demoTable",1,8,3,${fn:length(list)+3},8);
});

js求table合计相关推荐

php中表头不跟着滑动,JS实现table表格固定表头且表头随横向滚动而滚动
这篇文章主要介绍了JS实现table表格固定表头且表头可以随横向滚动而滚动,对js的朋友可以参考下本篇文章先看一张效果图思路: 1.头部用一个table并用一个p包裹着, 表格的具体内容用一个ta ...
html table 筛选记录,JS实现table表格内针对某列内容进行即时搜索筛选功能
JS实现table表格内针对某列内容进行即时搜索筛选功能发布时间:2020-08-29 09:26:37 来源:脚本之家阅读:103 作者:Marx-link 本文实例讲述了JS实现table表格 ...
html里table的遍历,js遍历table中的tr
js遍历table中的tr function tt(){ var table1=document.getElementById('table1'); //节点只支持getElementsByTagNa ...
JS求多个数组的重复数据
今天朋友问了我这个问题:JS求多个数组的重复数据注: 1.更准确的说是只要多个数组中有两个以上的重复数据,那么这个数据就是我需要的 2.单个数组内的数据不存在重复值(当然如果有的话,你可以去重) 3 ...
lua 求table长度和判断空
local table_a = {} 判断一:(错误方法) if table_a == {} then --你会发现你怎么也进不来条件判断始终返回false,为什么会这样呢? ...
html表格整体左移动,js操作table统制tr jquery 两个table左右移动
js操作table控制tr jquery 两个table左右移动一.关于动态操作select的问题: ------------------------------------------------ ...
《js遍历json、js创建table、隐藏id列、点击获取id值》
前述:终于抽出时间,整理了一些编程所需基础知识. js遍历json数据再添加到table中.选择所需行后点击提交拿到id传给后台,(也可以放入集合一起给). 先看效果: 选择点击后: code: &l ...
element table 合计第一行固定列
element table 合计第一行在这位大哥这里学来的, 但同时我这边的情况是: 固定高度, 第一列固定, 参数多, 因此, 这个方法不能够完全满足, 因此加入以下代码: 代码作用: 在每次获 ...
html怎么自动导入数据并排序,JS实现table表格数据排序功能(可支持动态数据+分页效果)...
asp.net会经常遇到分页的效果,尤其是希望实现静态的html分页排序(html分页相信大家都已经有自己的解决方案.在这里就不多说).我写了一个简单的Demo排序. 数据就是字母和数字两组.(汉字需 ...

js求table合计

js求table合计相关推荐

最新文章

热门文章