历史版本2 :JS实现报表在数据分析模式下居中显示 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 问题描述编辑
目前，报表以数据分析模式预览时，默认都是靠左显示的。有时会想以数据分析模式预览时，要求报表居中显示，可是数据分析模式并不具备分页预览或填报预览的功能：报表显示位置设置项。
我们该如何来实现呢？
2. 解决方案编辑
在数据分析模式，通过给报表添加加载结束JS事件。
//（浏览器的宽度-实际报表的宽度）/2
var slmargin = ($('.content-container').width()-$($("div",'.sheet-container')[0]).width())/2;
//左边距设置，实现报表居中显示的效果
$('.sheet-container .x-table').css('margin-left',slmargin);
3. 示例编辑
打开模板%FR_HOME%\WebReport\WEB-INF\reportlets\doc\SpecialSubject\OrderReport\Order_5.cpt
点击模板>模板web属性>数据分析设置，选择为该模板单独设置，在事件设置中添加一个加载结束事件：
JS代码如下：
//（浏览器的宽度-实际报表的宽度）/2
var slmargin = ($('.content-container').width()-$($("div",'.sheet-container')[0]).width())/2;
//左边距设置，实现报表居中显示的效果
$('.sheet-container .x-table').css('margin-left',slmargin);