文檔半島外圍網上直營>>FastReport-web報表開發系列教程(持續更新中)>>如何讓報表在web頁面上完整顯示
如何讓報表在web頁面上完整顯示
在之前的文章中,我們研究了如何創建一個Web報表。它看起來像這樣:
我同意,這個報表賣相不怎么好。帶有滾動條,只給了一小塊區域來展示報表內容。但是,注意了,我們是有辦法讓報表霸占整個web頁面的!
要做到這一點,請將WebReport1對象的SinglePage屬性設置為true,這意味著報表顯示時將不會分頁。然后,將寬度和高度屬性更改為100%。
通過這種方式,我們就得到了一個單頁顯示的報表,拉伸至整個頁面可用的高度和寬度。因為該報表只有一頁了,你可以隱藏頂部的菜單。要做到這帶你,請將ShowToolbar屬性設置為false。
如果需要,你還可以將報表的內容擴展到整個頁面。我們使用WebReport對象的AutoWidth屬性。如果啟用它,表格單元格將自動拉伸到所需的寬度以填充報表頁面所占的區域。并且,如果你調整瀏覽器窗口的大小,單元格的寬度也會隨之變化,以顯示所有數據。但是要讓這個屬性起作用,你必須禁用“其他”>“ Layers”。這個報表將以表格形式導出到HTML。
現在我們來看看報表的變化:
以及,如果你調整窗口的大小
綜上,如果你用好WebReport對象的屬性,就可以輕松地改進Web報表的外觀。
推薦閱讀
- FastReport VCL報表控件開發者手冊
- FastReport Online Designer中文手冊
- Fastreport.Net教程2016
- Fastreport.Net用戶手冊
- FastReport.Net教程2017(持續更新中···)
- FastReport Online Designer教程2017(持續更新中···)
- 報表教程2017(持續更新中···)