1. 概述
1.1 問題描述
在設計報表的時候,可以透過菜單欄的插入斜線功能來插入斜線,如下圖所示:
但是,如果要在滿足一定的條件下才插入斜線,如何實現呢?
1.2 解決思路
1)方案一:在儲存格輸入一個斜線,儲存報表後預覽,使用瀏覽器的「開發人員工具」,定位到「斜線」可以發現它其實是一個圖片。如下圖所示:
那麼新增一個「條件屬性>新值」,設定新值為 HTML 程式碼,再使用 HTML 顯示儲存格內容即可。
2)方案二:可以反其道而行之,先在儲存格中插入斜線,設定不滿足條件時顯示資料,那麼滿足條件時就直接顯示斜線。
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 端均支援兩種方案,效果如下圖所示: