FVS表格工具欄應用

適用場景：安裝了「FineVis資料視覺化」插件的使用者，可參考本文了解 FineVis 的相關功能。

1.1 版本

1.2 功能簡介

表格組件「內容」配置面板下，，勾選按鈕後顯示，預設均不勾選。

• 支援設定分頁後透過勾選「分頁按鈕」實現分頁切換；

• 支援匯出按鈕實現表格內容按「分頁匯出」或「原樣匯出」為 Excel ；

• 支援「放大按鈕」，點選實現表格全螢幕顯示；

• 勾選按鈕後，支援設定工具欄位置、工具欄背景以及按鈕風格。

如下圖所示：

2.1 準備範本

1）點選設計器左上角「檔案>建立企業戰情室報表」，如下圖所示：

2）建立資料庫查詢 ds1，SQL 查詢語句為：SELECT * FROM 銷量 。如下圖所示：

2.2 表格分頁

2.2.1 新增並編輯表格組件

1）點選組件區「文字>表格」，將組件新增到畫布中，點選配置面板「編輯組件」進入編輯介面。

2）屬於表格標題，將 ds1 資料集中欄位拖入儲存格，將「銷量」所在儲存格的資料設定修改為「匯總>求和」。如下圖所示：

3）點選「傳回企業戰情室編輯器」，勾選「顯示分頁按鈕」。如下圖所示：

此時預覽效果如下圖所示，只有一個分頁，需捲動查看資料。

2.2.2 設定分頁

從上一步預覽效果可以看到，表格是根據「地區」欄位分組顯示的，那麼我們進入表格編輯介面，給「地區」欄位所在儲存格設定「列後分頁」，即可實現表格根據地區實現分頁效果。設定步驟如下圖所示：

注：若要實現固定列數分頁，需要配合使用 條件屬性中的分頁 實現。

2.2.3 設定重複凍結列

設定分頁後，如果不設定重複標題列，那麼第 1 頁之後的頁面中，是沒有表頭的。

所以需要點選表格上方工具欄中的「凍結」按鈕，彈出 重複與凍結 設定框，設定「第 1 列」重複與凍結。如下圖所示：

設定完成後，點選「傳回企業戰情室編輯器」。

2.2.4 效果預覽

1）PC 端

點選「預覽」，效果如下圖所示：

2）行動端

預覽方式請參考 FVS行動端預覽 ，效果如下圖所示：

2.3 表格匯出 Excel

注1：行動端不支援「分頁匯出按鈕」和「原樣匯出按鈕」 。

注2：JS 實現匯出 FVS 表格組件可使用API exportReportToExcel  。

當表格工具欄勾選「顯示分頁匯出按鈕」和「顯示原樣匯出按鈕」後，預覽時，點選按鈕可將表格組件內容匯出為 Excel。

匯出的 Excel 檔案名稱為 範本名稱_表格組件名稱 ，sheet 頁名稱為 表格組件名稱 。

2.3.1 分頁匯出

分頁匯出時，會按照表格分頁的結果形式排列匯出，重複的標題等也會重複。如下圖所示：

2.3.2 原樣匯出

原樣匯出時，即使表格組件是分頁的這裏也不會分頁，會連續匯出，如果有重複標題的，標題也只顯示一次。如下圖所示：

2.4 表格放大

注：V3.3.0 之前的版本，行動端不支援「放大按鈕」。

表格工具欄勾選「放大按鈕」，如下圖所示：

預覽效果如下圖所示：

2.5 工具欄樣式設定

勾選任一按鈕，顯示工具欄後，支援設定工具欄位置、工具欄背景和按鈕風格。

1）工具欄位置：支援設定位置為表格組件的「頂部」或「底部」。

2）工具欄背景：支援設定工具欄背景的顏色，顏色支援設定透明度。

3）按鈕風格：支援選擇「淺色」或「深色」。

「工具欄背景」和「按鈕風格」預設值由 FVS範本樣式 深淺主題決定，可自訂設定。

• 深色主題樣式：

• 淺色主題樣式：

點選下載範本：表格工具欄應用範例.fvs