彩票走势图

logo FastReport-web报表开发系列教程(持续更新中)

如何让报表在web页面上完整显示


在之前的文章中,我们研究了如何创建一个Web报表。它看起来像这样:

如何让报表在web页面上完整显示

我同意,这个报表卖相不怎么好。带有滚动条,只给了一小块区域来展示报表内容。但是,注意了,我们是有办法让报表霸占整个web页面的!

要做到这一点,请将WebReport1对象的SinglePage属性设置为true,这意味着报表显示时将不会分页。然后,将宽度和高度属性更改为100%。

通过这种方式,我们就得到了一个单页显示的报表,拉伸至整个页面可用的高度和宽度。因为该报表只有一页了,你可以隐藏顶部的菜单。要做到这带你,请将ShowToolbar属性设置为false。 

如何让报表在web页面上完整显示

如果需要,你还可以将报表的内容扩展到整个页面。我们使用WebReport对象的AutoWidth属性。如果启用它,表格单元格将自动拉伸到所需的宽度以填充报表页面所占的区域。并且,如果你调整浏览器窗口的大小,单元格的宽度也会随之变化,以显示所有数据。但是要让这个属性起作用,你必须禁用“其他”>“ Layers”。这个报表将以表格形式导出到HTML。

如何让报表在web页面上完整显示

现在我们来看看报表的变化:

如何让报表在web页面上完整显示

以及,如果你调整窗口的大小

如何让报表在web页面上完整显示

综上,如果你用好WebReport对象的属性,就可以轻松地改进Web报表的外观。

产品介绍 下载试用 | 优惠活动 |  | 联系Elyn

 

推荐阅读

FastReport 正版授权 年终促销6.5折
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP