填报居中

编辑
文档创建者:文档助手1 (67727 )     浏览次数:4071次     编辑次数:16次     最近更新:ukae 于 2018-08-02     

1. 问题描述编辑

若模板的A列是有数据的,在对模板进行填报预览时,发现数据会顶着浏览器的左边显示,如下效果图:
222
这样显示看着很不舒服,如何实现如下图所示,让其在浏览器端居中显示呢?
222

2. 实现思路编辑

在7.0.6版本之后,FineReport新增了填报居中显示的功能,可点击模板>模板web属性>填报页面设置,选择为该模板单独设置,在报表显示位置处选择居中显示即可,如果是7.0.6版本之前,FR没有该功能直接实现填报居中显示,那么可以通过给填报模板增加加载结束事件,在事件中设置左边距。

3. 示例—直接设置编辑

任意打开一张填报模板,点击模板>模板web属性>填报页面设置,选择为该模板单独设置,在报表显示位置处选择居中显示,如下图:
222
点击填报预览,可以看到在浏览器端,模板数据居中显示了,如上效果图。
注:填报居中与分页居中的边框线默认删除,如果想要显示居中边框线,需要在web页面加载结束事件,添加边框,js如下:
contentPane.setBorderVisible(true)

4. 示例—加载结束设置编辑

任意打开一张填报模板,点击模板>模板web属性>填报页面设置,选择为该模板单独设置,然后在事件编辑中增加加载结束事件,具体的js如下:
//(浏览器的宽度-实际报表的宽度)/2 var slmargin = ($('.content-container').width()-$($("div",'.sheet-container')[0]).width())/2; //左边距设置,实现报表居中显示的效果 $('.sheet-container').css('margin-left',slmargin);

点击填报预览,可以看到页面居中了。

附件列表


主题: 填报应用
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗? [ 去社区提问 ]