php实现报表合计,如何实现表格自动合计

注意HTML结构，你写了thead却没有写body，修改如下：

ID字段1字段2字段3字段4

111121314222262827合计

其中，thead和tbody和tfoot都分开，thead为表头不遍历，tbody为遍历部分，tfoot为汇总部分，方便jQuery选择器使用。

var sum = new Array(+$('#mytable thead tr td:not(:first-child)').length).fill(0);

$('#mytable tbody tr').each(function() {

$(this).children('td:not(:first-child)').each(function() {

var index = $(this).index() - 1;

sum[index] += +$(this).text();

});

$('#mytable #totalRow td:not(:first-child)').each(function() {

var index = $(this).index() - 1;

$(this).text(sum[index]);

});

Update

这里有几个知识点：

new Array()构造新数组

.fill()填充数组

选择器:not()和:first-child的用法

字符串或者数字前面加+强转成数字

赋值运算符+=的使用

php实现报表合计,如何实现表格自动合计相关推荐

【Axure教程】中继器表格自动合计模板
合计一个是很常用的功能,例如财务报表.统计图表等内容就经常需要合计. 但是在Axure里面传统的表格如果做合计是很麻烦的,如果数据多的话,需要将表格每一格作为变量来写公式,非常耗费时间,而且不能增加行 ...
excel计算机不准确,excel表格数据合计不准确-EXCEL表格中，求和的数字总是不对...
为什么EXCEL求和不准确.合计总是相差0.01! 你这可能不是手工输入从其他地方来的数据一数值格有些是文本格式,文本格式是不能直接进行计算的. 可以把所有需要计算的数据都转换成数值的,就不会有问题了 ...
latex如何清除表格table的浮动位置（表格自动上移）
一开始,我发现我的表格自动上移,如下: \documentclass{article}\begin{document} hello \begin{table}\centering\begin{tabu ...
根据Word表格自动生成SQL数据库脚本的VBScript代码
这是几年前写的根据Word表格自动生成SQL数据库脚本的VBScript代码,最近修改了下(原来只支持单个Word表格)使其支持一个Word文档中的多个表格,生成的SQL文件名以Word文件名+.SQ ...
jQuery 表格自动增加
<!DOCTYPE html><html dir="ltr" lang="zh-CN"><head><meta cha ...
vue vue的table表格自适应_vue table autoHeight(vue 表格自动高度)
小编主要做的都是后台管理系统,采用布局多为头部.左侧菜单栏,右侧内容,头部和菜单栏固定位置,内容部分如果很长就会出现滚动条(iview和element都提供了布局容器),后台管理系统多为表格的增删改查 ...
php 自动分配数据到个人,数据表格自动分配列宽的一种实现方法
layui数据表格自动分配列宽效果图: 适用场景: 主要是解决窗口大小改变后表格尾列出现空白和滚动条的问题 -窗口由小变大,出现表格尾列出现空白窗口由大变小,出现横向滚动条重新加载框架后恢复正常 ...
计算机合计功能,Javascript自动求和，Javascript自动合计
分享一个小编经常在实际项目中使用的Javascript自动求和,javascript自动合计的代码,兼容IE8.火狐和谷歌浏览器,读者自己试试IE9.IE10.IE11. 直接给代码: functio ...
cdr 表格自动填充文字_操作基础知识Word文字编辑
Office操作基础知识Word文字编辑 1.相应文件扩展名: Word文件扩展名.doc:Powerpoin文件扩展名.ppt:Frontpage文件扩展名.htm:Excel文件扩展名.xls:F ...

php实现报表合计,如何实现表格自动合计

php实现报表合计,如何实现表格自动合计相关推荐

最新文章

热门文章