1. 概述
1.1 问题描述
上下标 需要设置富文本或者是通过两个单元格来实现,但是如果是扩展出来的数据,如何实现呢?
例如实现化学式的下标,效果如下图所示:
1.2 实现思路
使用公式识别字符串中的下标数字,再结合 HTML 标签来实现。
2. 示例
2.1 准备数据
创建一个内置数据集,如下图所示:
2.2 设计表格
1)将内置数据集的 2 个字段拖入到表格内,如下图所示:
2)在后面新增一列,并且在 C2 单元格设置公式:JOINARRAY(MAPARRAY(SPLIT(B2,""),IF(REGEXP(item,"[0-9]"),"<sub>"+item+"</sub>",item)),""),如下图所示:
3)C2 单元格设置「用HTML显示内容」,如下图所示:
2.3 效果预览
1)PC 端
保存报表,分页预览,效果如下图所示:
2)移动端
App 和 HTML5 端,效果如下图所示:
3. 模板下载
已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\扩展数据实现上下标.cpt
点击下载模板:扩展数据实现上下标.cpt
4. 注意事项
附加说明,HTML 中的上下标标签,如下表格所示:
功能 | 标签 | 示例 |
上标 | <sup> | 正常文字 <sup>上标</sup> |
下标 | <sub> | 正常文字 <sub>下标</sub> |