1. 概述
2. 文字
當設定儲存格的顯示內容為預設時及預設為文字格式。儲存格中的內容是文字、數字等文字格式,顯示出來也是文字格式,如下圖所示:
3. 圖片
FineReport 設計器自帶的 Sqlite 資料庫不支援顯示圖片,故所用資料庫需選擇其他類型的資料庫。
儲存格屬性設定用圖片顯示內容範例請參考:用圖片顯示內容
3.1 注意事項
問題描述:
有時分頁預覽發現有問題,如:特殊字元,瀏覽器中會出現亂碼。還有自動調整列高欄寬等問題。
解決方案:
1. 若僅對單個儲存格有效,可以設定儲存格以圖片顯示內容,右擊「其他屬性>顯示內容>用圖片顯示內容」,如下圖所示:
2. 若希望對報表中的所有儲存格都有效,可以在分頁預覽設定中設定,如下圖所示:
4. HTML
儲存格內是 HTML 格式的內容,預覽時在右側屬性面板「儲存格屬性>其他>顯示內容」處選擇「用HTML顯示內容」。
注:使用時需注意 iframe 標籤暫不支援。
4.1 範例一
4.1.1 範本製作
點選「檔案>建立普通報表」,在 A1 儲存格中輸入一欄 HTML 格式的資料。
選中 A1 儲存格,在右側屬性面板「儲存格屬性>其他>顯示內容」處選擇「用HTML顯示內容」,如下圖所示:
HTML 資料如下所示:
<span style="font-size:27px;font-family:宋體;"><u><em><strong> 帆軟</strong></em></u></span>
<span sytle="font-size:16px;font-family:楷體;">軟體有限公司</span>
<span style="font-size:13px;font-family:宋體;"><br /></span>
<span style="color:rgb(255,0,0);font-size:13px;font-family:楷體;">最專業</span>
<span style="font-size:13px;font-family:楷體;">的報表軟體公司</span>
4.1.2 效果預覽
1)PC 端
儲存範本,點選「分頁預覽」,效果如下圖所示:
2)行動端
App 與 HTML5 端顯示效果相同,如下圖所示:
4.2 範例二
檔案>建立普通報表
儲存格屬性>其他>顯示內容
HTML 資料如下所示:
<table border="1">
<tr>
<th>月份</th>
<th>存款</th>
</tr>
<tr>
<td>一月</td>
<td>1000 元</td>
</tr>
</table>
4.2.2 效果預覽
1)PC 端
儲存範本,點選「分頁預覽」,效果如下圖所示:
2)行動端
App 與 HTML5 端顯示效果相同,如下圖所示:
4.3 注意事項
問題描述:
儲存格中輸入含有<td></td>標籤的 HTML 格式內容,如下圖所示:
點選儲存,並分頁預覽,在 FineReport 9.0 中無報錯,在 FineReport 10.0 和 FineReport 11.0 中會報 spring 錯誤。
報錯內容如下圖所示:
解決方案:
<td></td>標籤外需要使用<tr></tr>將其裹起來。
5. 下載連結顯示二進制內容
儲存格內容是二進制格式的內容,預覽時以下載連結形式顯示。具體應用可參考 上傳檔案至資料庫並下載 和 二進制檔案的顯示 。
注:若儲存格內容是字串則預設靠左顯示,而若是數字則預設靠右顯示。
注:不支援用下載連結顯示二進制內容。
6.範例索引
說明文檔 | 應用場景 | 效果預覽 |
---|---|---|
儲存格用HTML顯示圖片 | 顯示儲存在資料庫中的圖片 | ![]() |
圖形化顯示資料(進度條/等級) | 希望儲存格中直接顯示進度條或者其他圖形標籤來表示資料或等級 | |
儲存格內容過多引用捲軸 | 希望儲存格能夠固定大小(不足於完全顯示儲存格內容),透過拉動捲軸來查看該儲存格全部內容 | ![]() |
利用HTML5實現聲音播放 | 在報表中新增聲音播放、背景音樂,或是實現聲音預警 | ![]() |