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