反馈已提交

网络繁忙

HTML实现单元格指定内容对齐

  • 文档创建者:axing
  • 编辑次数:3次
  • 最近更新:Catqiu 于 2022-08-08
  • 1. 概述

    1.1 问题描述

    单元格的内容有时候是一个范围的值,有一个特殊符号将范围给分隔开。这种情况如果直接居中展示效果并不好看。如下图所示:

    希望最终实现数据居中并右对齐,金额范围根据特殊符号 ~ 对齐,效果如下图所示:

    1.2 解决思路

    单元格形态设置为「公式形态」,使用公式将内容居中右对齐,并将单元格内容设置为「用HTML显示单元格内容」。

    2. 示例

    2.1 创建数据集

    创建数据集查询 ds1,SQL语句如下:

    SELECT 分类,min(订单金额)||'~'||max(订单金额) as 金额范围 

    FROM 销售明细表 group by 分类

    2.2 模板设计

    模板设计如下:

    2.3 设置单元格形态

    选中单元格 B2 ,设置单元格形态为公式形态,输入公式:"<pre  style='margin:0'>"+mid(repeat(" ",8)+$$$+repeat(" ",8),find("~",$$$)+4,9)+"</pre>"

    2.4 使用HTML显示内容

    选中单元格 B2 ,设置使用HTML显示内容,如下图所示:

    2.5 效果预览

    2.5.1 PC 端

    点击保存,「分页预览效果如下图所示:

    2.5.2 移动端

    App 与 HTML5 端效果相同,如下图所示:

    3. 模板下载

    附件列表


    主题: 报表应用
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    7*24h

    智 能客 服