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

---

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

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

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

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

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

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

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

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

產(chǎn)品介紹 | 下載試用 | 優(yōu)惠活動(dòng) | 在線客服 | 聯(lián)系Elyn

 

推薦閱讀

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

---