扩展数据实现上下标

  • 文档创建者:axing
  • 编辑次数:2次
  • 最近更新:Leo.Tsai 于 2020-07-22
  • 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 端和 H5 端,效果如下图所示:

    image.png

    3. 模板下载

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

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

    4. 注意事项

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

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


    附件列表


    主题: 报表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!