条件渲染

教学视频

说明

条件渲染功能是指利用条件表达式,在复合条件的情况下将当前单元格或当前行列的值进行个性化定制。

条件渲染的操作如下:

image-20210428143836273

切换到条件渲染标签,并单击+按钮添加条件渲染设置:

image-20210428143915052

我们可以为条件渲染设置标题,并且对条件进行左值右值的条件设置,如果有多个条件也支持and和or的条件关联:

image-20210428144240543

条件比较符可以支持多种匹配方式:

image-20210428144437118

其中条件满足后要渲染的内容,目前支持的有:

名称 作用范围 说明
字体颜色 当前单元格,当前行,当前列 设置作用范围内字体的颜色
缩进 当前单元格,当前行,当前列 设置作用范围内文字的缩进距离
边框 当前单元格,当前行,当前列 设置作用范围内单元格的边框
背景色 当前单元格,当前行,当前列 设置作用范围内单元格的背景色
字体样式 当前单元格,当前行,当前列 设置作用范围内字样式
列宽 当前列 设置当前列的列宽
行高 当前行 设置当前行的行高
链接 当前单元格 设置当前单元格的内容为链接
新值 当前单元格 用表达式实现自当前单元格内容的定制功能

其中链接的详细用法参考:链接

作用范围是指条件渲染的作用范围,一共有三种,可以三选一:

  • 当前单元格
  • 当前行
  • 当前列

如下的一个范例:

image-20210428143512188

这是一个范例,其中:

  • 字体颜色,我们设置了薪水大于20000的字体为红色
  • 缩进,我们设置了薪水大于20000的缩进2个字符
  • 边框,我们设置了薪水大于20000的单元格边框为蓝色
  • 背景色,我们设置了薪水大于20000的单元格背景色为蓝色
  • 字体样式,我们设置了薪水大于20000的字体粗体加横线
  • 列宽,我们设置了薪水大于30000的列宽为120pt
  • 行高,我们设置了薪水大于20000的行高为50pt
  • 新值,我们设置了薪水大于20000的单元格内容调整为“部门编号+自定义字符串"

下面我们说明一下实现的步骤。

前置准备

新建报表,参考数据库数据集添加EMPLOYEE数据库数据集。

报表设计

设计界面如下:

image-20210428143141738

字段绑定设计如下:

单元格 字段
A12 EMPLOYEE_ID
B12 DEGREE
C12 SEX
D12 EMPLOYEE_NAME
E12 SALARY
F12 BIRTHDAY
G12 EMAIL
H12 WEB
I12 CMNT

A12条件渲染设置

设置E12的值大于20000情况下,字体颜色为红色

image-20210428144543083

B12条件渲染设置

设置E12的值大于20000情况下,缩进字符数为2

image-20210428144735278

C12条件渲染设置

设置E12的值大于20000情况下,字体边框颜色为蓝色

image-20210428144837023

image-20210428144906451

D12条件渲染设置

设置E12的值大于20000情况下,单元格背景为绿色

image-20210428144929766

E12条件渲染设置

设置E12的值大于20000情况下,字体为粗体加删除线

image-20210428145007380

image-20210428145045776

F12条件渲染设置

设置E12的值大于20000情况下,列宽为120pt

image-20210428145106978

G12条件渲染设置

设置E12的值大于20000情况下,行高为50pt

image-20210428145153618

H12条件渲染设置

设置E12的值大于20000情况下,添加网页链接

image-20210428145228349

image-20210428145437115

I12条件渲染设置

设置E12的值大于20000情况下,新值为A12+":自定义字符串"

image-20210428145538265

预览

保存相关设定后再预览报表:

image-20210428145758423

results matching ""

    No results matching ""