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