历史版本5 :扩展数据实现上下标 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 问题描述

上下标 需要设置富文本或者是通过两个单元格来实现，但是如果是扩展出来的数据，如何实现呢?

例如实现化学式的下标，效果如下图所示：

image.png

1.2 实现思路

使用公式识别字符串中的下标数字，再结合 HTML 标签来实现。

2. 示例编辑

2.1 准备数据

创建一个内置数据集，如下图所示：

image.png

2.2 设计表格

1）将内置数据集的 2 个字段拖入到表格内，如下图所示：

Snag_a40135d.png

2）在后面新增一列，并且在 C2 单元格设置公式：JOINARRAY(MAPARRAY(SPLIT(B2,""),IF(REGEXP(item,"[0-9]"),"<sub>"+item+"</sub>",item)),"")，如下图所示：

image.png

3）C2 单元格设置「用HTML显示内容」，如下图所示：

image.png

2.3 效果预览

1）PC 端

保存报表，分页预览，效果如下图所示：

image.png

2）移动端

App 和 HTML5 端，效果如下图所示：

image.png

3. 模板下载编辑

已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\SpecialSubject\扩展数据实现上下标.cpt

点击下载模板：扩展数据实现上下标.cpt

4. 注意事项编辑

附加说明，HTML 中的上下标标签，如下表格所示：

功能
标签示例
上标<sup>正常文字 <sup>上标</sup>
下标<sub>正常文字 <sub>下标</sub>