历史版本1 :JS实现分组内单元格无边框 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1.问题描述编辑
在设计分组报表的时候,希望相同分组内的报表没有边框,不同分组之间有边框,如下图(左边是原本格式,右边是需求格式):
2.实现思路编辑
1.利用条件属性控制边框的有无
2.利用js控制边框
3.实现步骤编辑
1)利用条件属性
以问题中报表为例,首先将C2单元格边框设置为无,选中业绩右边单元格(D2),设置左父格为销售员(B2),并写上逐层累计公式,累计业绩(C2)的条数,然后隐藏D列。
D2[B2:-1]表示获取获取当前D2单元格对应的B2单元格扩展出来的上一个值对应的B1单元格的值。(在这里可以直白的理解为获取D2的上一个值)
2)然后在条件属性那里,选择边框,设置样式为“左右下”,公式为row( )=D2+1,后面数字表示当前行减去1,如:题中当行前是2,2-1=1。
保存预览即可。
3.2利用js
1)与利用条件属性第一步相同。
2)选中模板——模板Web属性——分页设置,为该模板单独设置,并添加加载结束事件。
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()。
保存预览即可。