历史版本1 :JS实现分组内单元格无边框 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1.问题描述编辑

在设计分组报表的时候,希望相同分组内的报表没有边框,不同分组之间有边框,如下图(左边是原本格式,右边是需求格式):
222                        222

2.实现思路编辑

1.利用条件属性控制边框的有无

2.利用js控制边框

3.实现步骤编辑

1)利用条件属性

以问题中报表为例,首先将C2单元格边框设置为无,选中业绩右边单元格(D2),设置左父格为销售员(B2),并写上逐层累计公式,累计业绩(C2)的条数,然后隐藏D列。

D2[B2:-1]表示获取获取当前D2单元格对应的B2单元格扩展出来的上一个值对应的B1单元格的值。(在这里可以直白的理解为获取D2的上一个值)

222

2)然后在条件属性那里,选择边框,设置样式为“左右下”,公式为row( )=D2+1,后面数字表示当前行减去1,如:题中当行前是2,2-1=1。

222

保存预览即可。

3.2利用js

1)与利用条件属性第一步相同。

2)选中模板——模板Web属性——分页设置,为该模板单独设置,并添加加载结束事件。

222

3)在加载结束事件中写上js:

$("[id^=D]").each(function(){ $("#r-"+$(this).text()+"-0").css("border-bottom","1px solid black"); })  

[id^=D]表示选中D列单元格

$(this).text()部分表示D列单元格的值+(当前行-1)-1,后面这个1是因为html的行数是从0开始计算的,这里的当前行是2,所以直接写了$(this).text()。

222

保存预览即可。