以数字形式合计列,如结果为0,将其赋上白色不显示
<table id="mytable" class="layui-table" style="text-align: center;">
//表格要加上 id="mytable"
<tbody>
<tr>
<td>年级</td>
<td>人数</td>
<td>报名费</td>
<td>课本费</td>
<td>作业费</td>
<td>资料费</td>
<td>保险费</td>
<td>小计</td>
</tr>
<tr>
<td>学前班</td>
<td><?php echo $xq0; ?></td>
<td title="<?php echo $xq0."*".$b00; ?>"><?php echo $xq0*$b00; ?></td>
<td title="<?php echo $xq0."*".$c00; ?>"><?php echo $xq0*$c00; ?></td>
<td style="color: white;">0</td>
<td style="color: white;">0</td>
<?php if ($f00==0) { echo "<td style=\"color: white;\">0</td>";}else { echo "<td title=\"".$xq0."*".$f00."\">".$xq0*$f00."</td>";} ?>
<td><?php echo $xq0*$b00+$xq0*$c00+$xq0*$f00; ?></td>
</tr>
<tr class="count">//加上合并行,结果放入这一行
</tr>
</tbody>
</table>
</div>
</div>
<script>
$(function(){
var table=document.getElementById("mytable");//获取table对象
var rows=table.rows;//获取行对象
var cells=table.cells;//获取列对象
var colums = table.rows[0].cells.length;//获取列数
$(".count").empty();//每次加载时清空最后一列,防止二次加载数据时出现多行合计
$(".count").append("<td>合计</td>");
//这里从列开始遍历,得到的就是每一列的数据
//如果从行开始遍历,得到的就是每行的数据
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 =Number(rows[i].cells[j].innerHTML.trim());
//获取每一列的值,Number() 函数把对象的值转换为数字。
sum=sum+a; //计算
}
if (sum==0)
{
$(".count").append("<td style=\"color: white;\">"+sum+"</td>");//给最后一行添加计算结果列
}
else {
$(".count").append("<td>"+sum+"</td>");//给最后一行添加计算结果列
}
}
});
</script>
信息科技 2020-04-10 08:25:59 通过 网页 浏览(3121) 打印
共有0条评论!