反饋已提交

網絡繁忙

當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

排序添加動態箭頭

一、概述

  1. 使用場景:點擊標題可以動態排序的情況下,在標題上設定【箭頭】以體現當前是哪一欄排序,是升冪還是降冪。

  2. 實現思路:利用【條件屬性】結合【HTML標籤】來實現。

二、範例

1
準備範本。
  1. 範例使用文檔多欄動態排序中已經制作好的範本示例二進行講解。可於文末下載該範本。

2
新增條件屬性。
  1. 需要給標題所在的每個儲存格均新增三個條件屬性,分別重命名為【無序】、【升冪】和【降冪】。

    屬性選擇【新值】,值選擇【公式】。

    公式條件選擇【公式】,輸入公式具體如下表所示。步驟如下圖所示。

注:新增時可同時選中 【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

 

image.png

 

3
設定儲存格用 HTML 顯示內容。
  1. 選中 【A2:D2】 儲存格,設定【儲存格屬性】→【其他】→【顯示內容】為【用 HTML 顯示內容】。如下圖所示。


image (1).png

 

4
效果預覽。
  1. PC 端:儲存報表,點擊【分頁預覽】,效果如下圖1所示。

  2. 行動端:App 端和 HTML5 端均支援,效果如下圖2所示。


6.gif

 

 

7.gif

 

三、範本下載

附件列表


主題: 報表特性
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉