最新历史版本
:扩展数据实现上下标 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
本文为第三方解决方案或非产品相关操作指南,仅提供给具备自主开发能力的用户使用。
帆软技术支持专注于产品本身的功能和问题,不负责本文档的维护和使用问题解答。
若您的场景方案与文档不完全一致,请移步帆软社区提问:问答
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> |