BIEE 12c 使用CSS隐藏透视表合计列

来源:互联网 发布:众信金融网络借贷 编辑:程序博客网 时间:2024/05/23 10:14

现在有如下一张透视表

客户要求将“数量”的合计列隐藏掉,怎么办呢?可能通过自定义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结合属性选择器来实现的,但是无法实现,具体原因,大家可以自行寻找。