一、概述
使用場景：點擊標題可以動態排序的情況下，在標題上設定【箭頭】以體現當前是哪一欄排序，是升冪還是降冪。
實現思路：利用【條件屬性】結合【HTML標籤】來實現。
二、範例
1
準備範本。
範例使用文檔多欄動態排序中已經制作好的範本示例二進行講解。可於文末下載該範本。
2
新增條件屬性。
需要給標題所在的每個儲存格均新增三個條件屬性，分別重命名為【無序】、【升冪】和【降冪】。
屬性選擇【新值】，值選擇【公式】。
公式條件選擇【公式】，輸入公式具體如下表所示。步驟如下圖所示。
注：新增時可同時選中 【A2:D2】 儲存格，設定完後再分別修改即可。
屬性 | 儲存格 | 新值公式 | 公式條件 |
無序 | A2 | "<font color='gray'>↑↓ </font>" + $$$ | $asc<>"A3" |
B2 | $asc<>"B3" | ||
C2 | $asc<>"C3" | ||
D2 | $asc<>"D3" | ||
升冪 | A2 | "↑<font color='gray'>↓ </font>" + $$$ | $asc="A3"&&$a=1 |
B2 | $asc="B3"&&$a=1 | ||
C2 | $asc="C3"&&$a=1 | ||
D2 | $asc="D3"&&$a=1 | ||
降冪 | A2 | "<font color='gray'>↑</font>↓ " + $$$ | $asc="A3"&&$a<>1 |
B2 | $asc="B3"&&$a<>1 | ||
C2 | $asc="C3"&&$a<>1 | ||
D2 | $asc="D3"&&$a<>1 |
3
設定儲存格用 HTML 顯示內容。
選中 【A2:D2】 儲存格，設定【儲存格屬性】→【其他】→【顯示內容】為【用 HTML 顯示內容】。如下圖所示。
4
效果預覽。
PC 端：儲存報表，點擊【分頁預覽】，效果如下圖1所示。
行動端：App 端和 HTML5 端均支援，效果如下圖2所示。
上一篇：橫向擴展欄多欄排序
