您的位置: 首页 > 文章 > 报表实现同一列数据相加功能

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

分类: 文章 • 2023-11-30 22:34:52

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.实现的效果图：

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