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

在之前的文章中,我们研究了如何创建一个Web报表,现在我们再来研究一下报表显示的问题

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

推荐阅读
  • FastReport VCL报表控件开发者手册
  • FastReport Online Designer中文手册
  • Fastreport.Net教程2016
  • Fastreport.Net用户手册
  • FastReport.Net教程2017(持续更新中···)
  • FastReport Online Designer教程2017(持续更新中···)
  • 报表教程2017(持续更新中···)

FastReport 正版授权 年终促销6.5折
标签:报表专家web报表解决方案报表.NETWeb图表报表控件报表设计

来源:慧都网

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2017年11月5日
下一篇 2017年11月5日

相关推荐

发表回复

登录后才能评论