根據條件在儲存格插入斜線

1.1 問題描述

在設計報表的時候，可以透過菜單欄的插入斜線功能來插入斜線，如下圖所示：

但是，如果要在滿足一定的條件下才插入斜線，如何實現呢？

1.2 解決思路

1）方案一：在儲存格輸入一個斜線，儲存報表後預覽，使用瀏覽器的「開發人員工具」，定位到「斜線」可以發現它其實是一個圖片。如下圖所示：

那麼新增一個「條件屬性>新值」，設定新值為 HTML 程式碼，再使用 HTML 顯示儲存格內容即可。

2）方案二：可以反其道而行之，先在儲存格中插入斜線，設定不滿足條件時顯示資料，那麼滿足條件時就直接顯示斜線。

2.1 準備資料

建立普通報表，建立資料庫查詢 ds1，SQL 查詢語句為：SELECT 姓名,職務,性別,城市 FROM 僱員。

2.2 設計報表

將資料列拖入儲存格，設計報表樣式如下圖所示：

2.3 方案一

2.3.1 複製HTML

在任意儲存格插入一個斜線，儲存報表後預覽，使用瀏覽器的「開發人員工具」，定位到「斜線」，在程式碼處按滑鼠右鍵，選擇「複製>複製 outerHTML」。如下圖所示：

也可直接複製如下所示程式碼：

<img style="border:0;width:72px;height:17px;" src="data:image/png;base64,iVBORw0KGgoAAA ANSUhEUgAAAEgAAAARCAYAAAB+bOp4AAABg
ElEQVR4nO3YQUeGURCG4am+JIlIKaKIIooWUUQRRYtoEUUUUUTRIooooo iiRRRRRBFFiyiiaBFRtIgiiiglleoHdI/Z1C+YWXwP1/5xOO87c0RE3nGGObQhV5L
5l0w0YAIH+MQ1VtCNErdmQZOGagxhG 094xBYGUYVUt3ZBU4oerOIGH9jHOOqR4VctZvLQjnmc4wenmEUrcvyqxUwWmjCJI3zhCkvoQpFftZhJoAYj2MELHrCBA
VQgxatc 1JShD2u4wxv2MIo6pPtVi5kCdGARF/jGCabRgmy3ZkGjB9IsdkDHYgd2KXaAepCFftViRq9crdgV1KuoV1Kv5rrYVS13axY0+l HXj3u/2Mf+Hq/YFf
sZ6E8h4dYuaHR86BQbJ3Ss0PFCx4wpsbEjy61Z0OiAqoPqjNjgqt8xHWQXxAbbfL9qMaMrkK5CY2Krkb5c3 IqtTL1iK1Qyf6JLdqXY0r0ptoQ/iy3lw2JLeppb
u6ApFnvWWRZ75tHnnkOx55/GX7b6R+0E0Y0oAAAAAElFTkSuQmCC">

2.3.2 新增條件屬性

選中 D2 儲存格，新增「條件屬性>新值 」，值類型為「字串」類型，輸入複製的 HTML 程式碼，條件類型選擇「公式」，輸入公式：len($$$)=0。如下圖所示：

2.3.3 設定儲存格顯示內容

設定 D2 儲存格的「儲存格屬性>其他>顯示內容」為「用 HTML 顯示內容」。如下圖所示：

2.4 方案二

取消方案一的所有設定，在 E 欄重複 D 欄「城市」，E2 儲存格插入斜線，如下圖所示：

2.4.1 新增條件屬性

選中 E2 儲存格，新增「條件屬性>新值」，值類型為「公式」，輸入公式：D2，條件類型選擇「公式」，輸入公式：LEN(D2)>0。

即當 D2 儲存格不為空時，顯示對應 D2 儲存格的值，否則顯示 E2 儲存格的斜線。

2.4.2 隱藏欄

將 D 列隱藏，如下圖所示：

2.5 效果預覽

2.5.1 PC 端

上述兩種方案效果一致，儲存報表，點選「分頁預覽」，效果如下圖所示：

2.5.2 行動端

App 端和 HTML5 端均支援兩種方案，效果如下圖所示：

點選下載範本：

根據條件在儲存格插入斜線方案一.cpt

根據條件在儲存格插入斜線方案二.cpt