js

页面是使用layUI简单制作的table，贴下jsp页面

  </tr>
</tbody>

单位名称	部门1人数	部门2人数	部门3人数
单位1	13	12	34
单位2	34	12	34
单位3	34	12	0
单位4	23	45	23
单位5	3	45	0
单位5	3	45	0

页面最后添加了一个空行用来做页面的合计功能，使用js来计算行列。

$(function(){
var table=document.getElementById(“testTable”);//获取table对象
var rows=table.rows;//获取行对象
var cells=table.cells;//获取列对象
var colums = table.rows[0].cells.length;//获取列数
$(".count").empty();//每次加载时清空最后一列，防止二次加载数据时出现多行合计
$(".count").append(“合计”);
//这里从列开始遍历，得到的就是每一列的数据
//如果从行开始遍历，得到的就是每行的数据
for(var j=1;j<colums;j++){
var sum=0;
for(var i=1;i<rows.length-1;i++){//从i=1第二行开始去掉表头，rows.length-1结束，去掉合计行
var a =parseInt(rows[i].cells[j].innerHTML.trim());//获取每一列的值
sum=sum+a; //计算
}
$(".count").append(""+sum+"");//给最后一行添加计算结果列
}
});