最新历史版本 :单元格显示内容 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本
功能变更
11.0-

1.2 功能简介

单元格的显示内容可分为文本、图片、HTML、下载链接显示二进制内容,如下图所示:

2. 文本编辑

当设置单元格的显示内容为默认时及默认为文本格式。单元格中的内容是文字、数字等文本格式,显示出来也是文本格式,如下图所示:

10.png

3. 图片编辑

FineReport 设计器自带的 Sqlite 数据库不支持显示图片,故所用数据库需选择其他类型的数据库。

单元格属性设置用图片显示内容示例请参考:用图片显示内容

3.1 注意事项

问题描述:

有时分页预览发现有问题,如:特殊字符,浏览器中会出现乱码。还有自动调整行高列宽等问题。

解决方案:

1. 若仅对单个单元格有效,可以设置单元格以图片显示内容,右击「其他属性>显示内容>用图片显示内容」,如下图所示:

2. 若希望对报表中的所有单元格都有效,可以在分页预览设置中设置,如下图所示:

4. HTML编辑

单元格内是 HTML 格式的内容,预览时在右侧属性面板「单元格属性>其他>显示内容」处选择「用HTML显示内容」。

注:使用时需注意 iframe 标签暂不支持。

4.1 示例一

4.1.1 模板制作

点击「文件>新建普通报表」,在 A1 单元格中输入一列 HTML 格式的数据。

选中 A1 单元格,在右侧属性面板「单元格属性>其他>显示内容」处选择「用HTML显示内容」,如下图所示:

19.png

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 端

保存模板,点击「分页预览」,效果如下图所示:

1571714433941580.png

2)移动端

App 与 HTML5 端显示效果相同,如下图所示:

1571714687375293.jpg

4.2 示例二

4.2.1 模板制作

点击「文件>新建普通报表,在 A1 单元格中输入一列含有 table 标签的 HTML 格式的数据。

选中 A1 单元格,在右侧属性面板「单元格属性>其他>显示内容处选择「用HTML显示内容」,如下图所示:

1571715171448791.png

HTML 数据如下所示:

<table border="1">
  <tr>
    <th>月份</th>
    <th>存款</th>
  </tr>
  <tr>
    <td>一月</td>
    <td>1000 元</td>
  </tr>
</table>

4.2.2 效果预览

1)PC 端

保存模板,点击「分页预览」,效果如下图所示:

1571715372904282.png

2)移动端

App 与 HTML5 端显示效果相同,如下图所示:

1571715681318505.jpg

4.3 注意事项

问题描述

单元格中输入含有<td></td>标签的 HTML 格式内容,如下图所示:

1579067085145587.png

点击保存,并分页预览,在 FineReport 9.0 中无报错,在 FineReport 10.0 和 FineReport 11.0  中会报 spring 错误。

报错内容如下图所示:

解决方案:

<td></td>标签外需要使用<tr></tr>将其裹起来。

5. 下载链接显示二进制内容编辑

单元格内容是二进制格式的内容,预览时以下载链接形式显示。具体应用可参考 上传文件至数据库并下载 和 二进制文件的显示 。

注:若单元格内容是字符串则默认居左显示,而若是数字则默认居右显示。

注:不支持用下载链接显示内容。

6. 示例索引编辑

帮助文档应用场景效果预览
单元格用HTML显示图片显示存储在数据库中的图片
图形化显示数据(进度条/等级)希望单元格中直接显示进度条或者其他图形标志来表示数据或等级

单元格内容过多引用滚动条希望单元格能够固定大小(不足于完全显示单元格内容),通过拉动滚动条来查看该单元格全部内容
利用HTML5实现声音播放在报表中添加声音播放、背景音乐,或是实现声音预警