當在主體中有動態數據時，如何將頁腳放在最後一頁的底部

我試圖創建一個報告，其中要求頁腳必須放在最後一頁的底部。報表主體根據從數據庫返回的記錄數來動態加載。報告可能是1頁或更多。當在主體中有動態數據時，如何將頁腳放在最後一頁的底部

我已經嘗試過使用粘腳，這可以在網站上查看HTML，但是當報表的長度大於1頁並且查看打印預覽屏幕時，頁腳與主體的主體重疊報告和頁腳留在第一頁上，而不是移動到最後一頁。

有沒有人知道在最後一頁的底部放置頁腳的方法，當創建一個可打印的屏幕時，用戶可以在不使用粘性頁腳的情況下進行適當的格式打印。

當有多個頁面要打印時，我實施的粘性頁腳未能在打印預覽屏幕中正確顯示。

來源

2013-02-05 Telecaster

包括一些代碼。小提琴。你有什麼嘗試。 –

打印你應該做一個自己的樣式表。 –

CSS

#sticky-footer 
{ 
    position: fixed; 
    bottom: 0px; 
} 
@media print 
{ 
    #sticky-footer 
    { 
     position: static; 
     bottom: auto; 
    } 
}

HTML

<div id="report-content">...</div> 
<div id="sticky-footer">...</div>

來源

2013-02-05 18:31:17

實現上面的代碼，現在我的頁腳跟在屏幕的底部，因爲我上下滾動重疊身體/標題。當我點擊打印時，頁腳仍然位於主體下方，但不在頁面底部。 – Telecaster

@Telecaster - HTML/CSS實際上沒有任何可打印頁面的概念。您有CSS分頁屬性強制中斷，但這並不能幫助您將頁腳放在當前打印頁面的底部http://www.javascriptkit.com/dhtmltutors/pagebreak.shtml –

感謝您的輸入，我將使用分頁符將頁腳部分保留在單獨的頁面上，而不是與CSS對抗。 – Telecaster

當在主體中有動態數據時，如何將頁腳放在最後一頁的底部

回答

相關問題