报表实现同一列数据相加功能

本文介绍了一种使用JavaScript来构建带有总计行的HTML表格的方法。该方法通过遍历表格中的特定列来计算各列的总和,并将其显示在表格的最后一行。此方案适用于财务报告等需要汇总的数据展示场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.构建报表数据时,给表格数据中的td标签定义class属性

var index=0;

listContent1+="<td class='t_"+(index++)+"'>"+everyMonth+"</td>";

2.构建总计数据行

                                        var tempHtml3=null;

tempHtml3 += "<tr><td></td><td>总计</td>";

var length = $("td.tdGreen").length;//获取表格头部长度
for (var i = 4; i < length; i++) {//I:开始将数据合计的列
var total = 0;
$(".t_" + i).each(function () {//输出每个 $(".t_" + i) 元素的文本:
var html = $(this).html();
if (html != "") {
total += parseInt(html);
}
});
tempHtml3 += "<td>" + (total != 0 ? total : "") + "</td>";
}

$('#subBtn').parent().next().find("tbody[name=preview_list]").append(tempHtml3);

3.实现的效果图:



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值