历史版本9 :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', 'auto');
    center.css('overflow-x', 'auto');
}//去除横向滚动条

注：优化滚动条也可以使用滚动条插件。

效果如下：

222