HTML實現儲存格指定內容對齊

1.1 問題描述

儲存格的內容有時候是一個範圍的值，有一個特殊符號將範圍給分隔開。這種情況如果直接置中展示效果並不好看。如下圖所示：

希望最終實現資料置中並右對齊，金額範圍根據特殊符號 ~ 對齊，效果如下圖所示：

1.2 解決思路

儲存格形態設定為「公式形態」，使用公式將內容置中右對齊，並將儲存格內容設定為「用HTML顯示儲存格內容」。

2.1 建立資料集

内置資料集，步驟如圖所示：

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 端效果相同，如下圖所示：

點選下載範本：HTML實現儲存格指定内容對齊.cpt