1. 概述
1.1 版本
报表服务器版本 |
---|
11.0 |
1.2 预期效果
当某单元格内容过多时,预览报表时,单元格会自动调整行高和列宽来完整显示单元格内容。但是,有时候为布局的需要,希望单元格能够固定大小(不足于完全显示单元格内容),通过拉动滚动条来查看该单元格全部内容。如下图所示:
1.3 实现示例
在数据列的高级自定义显示中使用 HTML 的<div>标签并增加 style 属性,然后设置该单元格的
选择否并将该单元格 即可。2. 示例
2.1 新建数据集
新建内置数据集,数据可随意设置,如下图所示:
2.2 报表设计
在单元格中拖入数据列,如图所示:
2.3 滚动条设置
右击 B2 单元格,选择「单元格元素>高级>显示值」,在公式中填入
"<div style=\"height:60px;width:150px;overflow-y:scroll;\">"+$$$+"</div>"
如下图所示:
2.4 单元格显示设置
选择 B2 单元格,选择
,将 选择否,并将 勾选上,如下图所示:3. 效果预览
3.1 PC 端
点击分页预览,滚动条如下图所示:
3.2 移动端
移动端不支持此功能。
4. 模板下载
模板效果在线查看请点击 单元格引用滚动条
已完成模板可参考:%FR_HOME%\webroot\WEB-INF\reportlets\doc\SpecialSubject\TypicalIndustryReport\DesignerReport\单元格引用滚动条.cpt
点击下载模板:单元格引用滚动条.cpt
5. 注意事项
1)若对文本内容设置了段间距,在导出时对应单元格内的内容会变成图片。
2)若希望实现内容多的时候就出现滚动条,少的时候不出现滚动条,可将显示值中的 scroll 更换为 auto ,即可。
3)显示内容的单元格大小为设置的 height 、width 的大小,不是单元格的大小,如下图所示: