以数字形式合计列,如结果为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 通过 网页 浏览(1503) 打印

共有0条评论!

发表评论