如何讓報(bào)表在web頁面上完整顯示

---

在之前的文章中，我們研究了如何創(chuàng)建一個Web報(bào)表。它看起來像這樣：

我同意，這個報(bào)表賣相不怎么好。帶有滾動條，只給了一小塊區(qū)域來展示報(bào)表內(nèi)容。但是，注意了，我們是有辦法讓報(bào)表霸占整個web頁面的！

要做到這一點(diǎn)，請將WebReport1對象的SinglePage屬性設(shè)置為true，這意味著報(bào)表顯示時將不會分頁。然后，將寬度和高度屬性更改為100％。

通過這種方式，我們就得到了一個單頁顯示的報(bào)表，拉伸至整個頁面可用的高度和寬度。因?yàn)樵搱?bào)表只有一頁了，你可以隱藏頂部的菜單。要做到這帶你，請將ShowToolbar屬性設(shè)置為false。 

如果需要，你還可以將報(bào)表的內(nèi)容擴(kuò)展到整個頁面。我們使用WebReport對象的AutoWidth屬性。如果啟用它，表格單元格將自動拉伸到所需的寬度以填充報(bào)表頁面所占的區(qū)域。并且，如果你調(diào)整瀏覽器窗口的大小，單元格的寬度也會隨之變化，以顯示所有數(shù)據(jù)。但是要讓這個屬性起作用，你必須禁用“其他”>“ Layers”。這個報(bào)表將以表格形式導(dǎo)出到HTML。

現(xiàn)在我們來看看報(bào)表的變化：

以及，如果你調(diào)整窗口的大小

綜上，如果你用好WebReport對象的屬性，就可以輕松地改進(jìn)Web報(bào)表的外觀。

產(chǎn)品介紹 | 下載試用 | 優(yōu)惠活動 |  | 聯(lián)系Elyn

 

推薦閱讀

• FastReport VCL報(bào)表控件開發(fā)者手冊
• FastReport Online Designer中文手冊
• Fastreport.Net教程2016
• Fastreport.Net用戶手冊
• FastReport.Net教程2017（持續(xù)更新中···）
• FastReport Online Designer教程2017（持續(xù)更新中···）
• 報(bào)表教程2017（持續(xù)更新中···）

---