最新历史版本 :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. 模板下载编辑