历史版本5 :JS实现报表冻结标题居中显示无黑框 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 描述编辑

若报表设置了居中和冻结,如下所示。
打开%FR_HOME%\webroot\WEB-INF\reportlets\doc\Primary\DetailReport\Details.cpt
选择模板>模板web属性>分页预览设置
222
选择模板>重复与冻结设置
222
报表预览效果如下,有一个黑框,下方还有横向滚动条(该模板不需要):
222

2. 解决方法编辑

首先修改报表显示位置靠左,然后添加加载结束事件,使其居中显示(如页面宽度超过框架宽度,则居左显示)并去除横向滚动条:

222

var wrap = $('.reportPane'); var body = $('.page-block'); var dif = (wrap.width() - body.width()) / 2;
if(dif<0) dif=0;//如果页面宽度超过显示框架宽度,则居左显示 body.css({'margin-left': dif});//居中 var center = $('.frozen-center'); var west = $('.frozen-west'); if (center.children().width() <= center.width()) { west.css('overflow-x', 'hidden'); center.css('overflow-x', 'hidden'); }//去除横向滚动条
注:优化滚动条也可以使用滚动条插件

效果如下:

222