反饋已提交

網絡繁忙

排序添加動態箭頭

一、概述

  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後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙