现在有如下一张透视表
客户要求将“数量”的合计列隐藏掉,怎么办呢?可能通过自定义css来实现。具体步骤如下:
1、添加自定义CLASS
编辑“数量”字段的列属性,添加一个自定义的class :CUX_NEED_HIDDEN
确定并保存。
2、编写CSS
在复合布局中新建一个“静态文本”视图,用于添加css代码
代码内容如下:
<style>
td[class='mPTDT PTDT CUX_NEED_HIDDEN OORT']{
display:none;
}
td[class='mPTHC PTCHC0 mPTHT PTHT OOLT']{
display:none;
}
td[class='mPTDT PTDT mPTLR PTLR CUX_NEED_HIDDEN OORT']:nth-last-of-type(2) {
display:none;
}
</style>
并勾选包含HTML标记,如下所示
最终效果如下所示:
原理解释
可以看到,我们写了三条css规则。分别用于隐藏如下三个部分:
这三部分的class可以通过浏览器的开发工具来定位。
第一部分增加的CUX_NEED_HIDDEN是为了方便定位区域2
第三部分之所以使用了伪类选择器,是因为“数量”合计行的三个单元格都拥有同样的class属性,而我们只需要隐藏行列合计交叉的那个单元格。
nth-last-of-type(2) 表示,倒数第二个单元格。本来我想使用last_of_type结合属性选择器来实现的,但是无法实现,具体原因,大家可以自行寻找。