儲存格內容過多使用捲軸

1.1 版本

1.2 預期效果

當某儲存格內容過多時，預覽報表時，儲存格會自動調整行高和列寬來完整顯示儲存格內容。但是，有時候為佈局的需要，希望儲存格能夠固定大小（不足於完全顯示儲存格內容），透過拉動捲軸來查看該儲存格全部內容。如下圖所示：

1.3 實現範例

在資料列的進階自訂顯示中使用 HTML 的<div>標籤並增加 style 屬性，然後設定該儲存格的根據儲存格內容自動調整選擇否並將該儲存格用 HTML 方式顯示內容即可。

2.1 建立資料集

建立內建資料集，資料可隨意設定，如下圖所示：

2.2 報表設計

在儲存格中拖入資料列，如圖所示：

2.3 捲軸設定

右擊 B2 儲存格，選擇「儲存格元素>進階>顯示值」，在公式中填入

"<div style=\"height:60px;width:150px;overflow-y:scroll;\">"
+$$$+
"</div>"

如下圖所示：

2.4 儲存格顯示設定

選擇 B2 儲存格，選擇其他屬性，將根據儲存格內容自動調整選擇否，並將用 HTML 方式顯示內容勾選上，如下圖所示：

3.1 PC 端

點選分頁預覽，捲軸如下圖所示：

3.2 行動端

行動端不支援此功能。

範本效果線上查看請點選 儲存格引用捲軸

已完成範本可參考：%FR_HOME%\webroot\WEB-INF\reportlets\doctw\SpecialSubject\TypicalIndustryReport\DesignerReport\儲存格引用捲軸.cpt

點選下載範本：儲存格内容過多使用捲軸.cpt

1）若對正文內容設定了段間距，在匯出時對應儲存格內的內容會變成圖片。

2）若希望實現內容多的時候就出現捲軸，少的時候不出現捲軸，可將顯示值中的 scroll 更換為 auto ，即可。

3）顯示內容的儲存格大小為設定的 height 、width 的大小，不是儲存格的大小，如下圖所示：