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

目录:

1. 描述编辑

单元格的数据类型有文本、图片以及 HTML 三种。

2. 文本编辑

单元格内的内容是文字、数字等文本格式,显示出来也是文本格式,如下图所示:

10.png

3. 图片编辑

3.1 新建模板

关于上传图片至数据库可参考 上传图片 。

点击文件>新建普通报表,在 A1 单元格内插入 SQL函数,公式为:sql("mysql","select *from file",2,1) 。

公式的含义为直接取出该图片在数据库表中的二进制格式,公式中的「2,1」表示「file」表中处于第一行第二列的单元格。

如下图所示:

1571712853325441.png


3.2 设置单元格属性

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

17.png

3.3 效果预览

3.3.1 PC 端

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

1571713109674497.png

3.3.2 移动端

1)APP

1571713304403255.jpg

2)HTML5

1571713625477207.jpg

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

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

1571714687375293.jpg

3)HTML5

23.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

1571715681318505.jpg

3) HTML5

1571715723601765.jpg

5. 下载链接编辑

单元格内容是二进制格式的内容,预览时以下载链接形式显示。

具体应用可参考 上传文件至数据库并下载 和 二进制文件的显示 。

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

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

6. 注意事项编辑

描述:单元格中输入含有<td></td> 标签的HTML 格式内容时,在 FineReport 9.0 中无报错,在 FineReport 10.0 中会报 spring 错误。报错内容如下图所示:

1571723151793694.png

解决方案:<td></td> 标签外需要使用<tr></tr>将其裹起来。