最新历史版本 :单元格内容过多使用滚动条 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

报表服务器版本
11.0

1.2 预期效果

当某单元格内容过多时，预览报表时，单元格会自动调整行高和列宽来完整显示单元格内容。但是，有时候为布局的需要，希望单元格能够固定大小（不足以完全显示单元格内容），通过拉动滚动条来查看该单元格全部内容。如下图所示：

222

1.3 实现示例

在数据列的高级自定义显示中使用 HTML 的<div>标签并增加 style 属性，然后设置该单元格的根据单元格内容自动调整选择否并将该单元格用 HTML 方式显示内容即可。

2. 示例编辑

2.1 新建数据集

新建内置数据集，数据可随意设置，如下图所示：

222

2.2 报表设计

在单元格中拖入数据列，如图所示：

222

2.3 滚动条设置

右击 B2 单元格，选择「单元格元素>高级>显示值」，在公式中填入

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

如下图所示：

2.4 单元格显示设置

选择 B2 单元格，选择其他属性，将根据单元格内容自动调整选择否，并将用 HTML 方式显示内容勾选上，如下图所示：

1.png

3. 效果预览编辑

3.1 PC 端

点击分页预览，滚动条如下图所示：

222

3.2 移动端

移动端不支持此功能。

4. 模板下载编辑

已完成模板可参考：%FR_HOME%\webroot\WEB-INF\reportlets\doc\SpecialSubject\TypicalIndustryReport\DesignerReport\单元格引用滚动条.cpt

点击下载模板：单元格引用滚动条.cpt

5. 注意事项编辑

1）若对文本内容设置了段间距，在导出时对应单元格内的内容会变成图片。

2）若希望实现内容多的时候就出现滚动条，少的时候不出现滚动条，可将显示值中的 scroll 更换为 auto ，即可。

3）显示内容的单元格大小为设置的 height 、width 的大小，不是单元格的大小，如下图所示：

1.png