JS實現隱藏捲軸

1.1 版本

1.2 應用場景

當普通報表、決策報表的報表塊或者 FVS 範本的表格組件中內容過多時，會出現橫向和縱向捲軸，在看板、企業戰情室應用中下非常影響報表美觀。如下圖所示：

為了報表美觀，如何隱藏出現的捲軸呢？

1.3 功能介紹

FineReport 11.0 目前支援兩種方法隱藏：

• 方法一：使用官方API，詳情請參見：JS實現FVS隱藏表格組件捲軸、隱藏捲軸API 。

• 方法二：安裝 自訂捲軸插件 。

注：以上兩種方法均不支援行動端。

2.1 API介紹

使用API時，事件可用作按鈕元件的「點選事件」、或者範本的「載入結束」事件，或者組件的「初始化後」事件等等，根據實際場景確定即可。詳情請參見：JS實現FVS隱藏表格組件捲軸、隱藏捲軸API 。

效果如下圖所示：

2.2 安裝插件

安裝捲軸插件後，實際是更換了捲軸樣式，被統一為灰色的長圓角矩形，並且會跟隨滑鼠滾輪捲動，但它會在閒置時自動隱藏，使介面變得簡潔。

詳情請參見：自訂捲軸插件。效果圖如下：

注：不支援在 FVS 範本 和 舊版決策報表 中使用。