反饋已提交

網絡繁忙

點擊某一欄標題改變排序

一、概述

  1. 問題描述:在文檔 資料集中的排序 中,可通過定義資料集參數,利用動態參數實現點擊標題動態排序。但有些情況下無法用到資料集排序,例如製作報表時有一列是通過其他資料列計算得出的。

  2. 解決方案:通過添加【動態參數】類型的 超級連結 和在儲存格 擴展後排序 中添加公式來實現。即點擊資料列標題時,將該資料列所在儲存格作為參數傳遞過去,在擴展後排序公式中接收該參數,根據參數實現排序。

  3. 數值型別和字元型別的設定有所不同,詳情在範例中查看。

  4. 本文講解僅一欄資料變換排序,多列動態排序請參考文檔 多欄動態排序

二、範例:數值型別

1
資料準備。
  1. 添加資料庫。

  2. 點擊【資料庫查詢】。

  3. 輸入SQL 查詢語句:SELECT * FROM 訂單明細 limit 20。

  4. 如下圖所示。

40.png

 

2
設計報表。
  1. 將資料集中的資料拖入表格,設計報表樣式如下圖所示。

  2. 進入【儲存格元素】。

  3. 設定 A2 儲存格的【資料設定】為【列表】。

  4. 在 F2 儲存格中插入公式:(C2 - E2) * D2,如下圖所示。

41.png

 

3
添加動態參數。
  1.  選中【利潤】欄位標題所在 F1 儲存格。

  2. 添加【超連結】,選擇【動態參數】。

  3. 進入【編輯】。

  4. 添加参数為【a】,值為公式:if($a=1,-1,1) 。如下圖所示。

42.png

 

4
設定【擴展後排序】。
  1. 選中 A2 儲存格。

  2. 選擇【儲存格屬性】→【擴展】。

  3. 設定【擴展後排序】為升冪。詳情可參見 擴展後排序

  4. 進入公式編輯。

  5. 輸入公式:if($a=1,F2,-F2)。公式說明如下表。步驟如下圖所示。

  6. 數值型別欄位排序時若欄位為空,需要在排序公式中給空值賦值。詳情可參見 排序FAQ

  7. 由於只有數值型別資料才有負數,字元型別資料沒有負數,故這種排序方法只適用於數值型別欄位排序。

43.png

 

5
效果預覽。
  1. PC端展示:點擊【分頁預覽】,即可在網頁中看到報表,效果如下圖所示。

  2. HTML5 端及App 端展示:點擊【行動端預覽】,移动端瀏覽器/APP掃描網頁中的二維碼即可。詳情可見 移動端單張模板預覽 。App 端和 HTML5 端報表效果和PC端一致。

44.gif

三、範例:字元型別

1
資料準備。
  1. 添加資料庫。

  2. 點擊【資料庫查詢】。

  3. 輸入SQL 查詢語句:SELECT * FROM 銷量 where 地區='華北'。

  4. 如下圖所示。

45.png

 

2
設計報表。
  1. 將資料集中的資料拖入表格,設計報表樣式如下圖所示。

  2. 進入【儲存格元素】。

  3. 設定 A2 儲存格的【資料設定】為【列表】。

  4. 在 F2 儲存格中插入公式:(C2 - E2) * D2,如下圖所示。

46.png

 

3
添加動態參數。
  1.  選中【銷售員】欄位標題所在 F1 儲存格。

  2. 添加【超連結】,選擇【動態參數】。

  3. 進入【編輯】。

  4. 添加参数如表格所示。步驟如下圖所示。

參數名

參數值類型

參數值

a

公式

if(a=1,-1,1)

asc

字串

B2


47.png

4
設定【擴展後排序】。
  1. 選中 A2 儲存格。

  2. 選擇【儲存格屬性】→【擴展】。

  3. 設定【擴展後排序】為升冪。詳情可參見 擴展後排序

  4. 進入公式編輯。

  5. 輸入公式:INARRAY(EVAL($asc),SORTARRAY(EVAL($asc+"[!0]")))*$a。公式說明如下表。步驟如下圖所示。

公式

說明

EVAL($asc) 

  • 返回運算式 $asc ,即 B2 儲存格計算後的結果。

$asc+"[!0]"

  • 返回拼接後的字元,即返回 B2[!0],即 B2 儲存格擴展出來的所有值。

SORTARRAY(array)

  • 返回排過序的 array 陣列。

  • 當陣列元素存在類型不一致或者無法比較時,返回原陣列。

INARRAY(co,array)

  • 返回 co 在陣列 array 中的位置,如果 co 不在 array 中,則返回 0。

48.png

5
效果預覽。
  1. PC端展示:點擊【分頁預覽】,即可在網頁中看到報表,效果如下圖所示。

  2. HTML5 端及App 端展示:點擊【行動端預覽】,移动端瀏覽器/APP掃描網頁中的二維碼即可。詳情可見 預覽行動端範本 。App 端和 HTML5 端報表效果和PC端一致。

 49.gif

四、範本下載

附件列表


主題: 報表專題
  • 有幫助
  • 沒幫助
  • 只是瀏覽
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

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

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

不再提示

10s後關閉

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

反馈已提交

网络繁忙