1. 概述
1.1 版本
报表服务器版本 | 功能变更 |
---|---|
11.0 | - |
1.2 功能简介
单元格的显示内容可分为文本、图片、HTML、下载链接显示二进制内容,如下图所示:
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实现声音播放 | 在报表中添加声音播放、背景音乐,或是实现声音预警 |