2017-04-06 132 views
1

我有一張表,我想用JS打印window.print();。 但是,當這個表有太多的行oter頁這麼想的保護seted利潤率JS窗口打印頁邊空白表

enter image description here

我的CSS:

@page { size: auto; margin: 0px; } 
html { background-color: #FFFFFF; margin: 0px; } 
body { margin: 10mm 10mm 10mm 10mm; } 
tbody > td > span { font-size: 14px !important; } 

我如何可以強制此表打破了保持利潤?

點擊任何元素上進行打印:https://jsfiddle.net/kfubawpg/

+0

你是什麼意思是什麼呢?以下頁面頭部的「頂部邊距」? – Legends

+0

缺口表的邊緣和邊緣底部 – gFontaniva

回答

1

你有@page邊距設置爲0。只要將它改爲你想要的邊距的大小。

@page { size: auto; margin: 50px; } 

fiddle

+0

這解決了我的問題 – gFontaniva

0

你可以做到以下幾點:

@page :first { // set the margins for the first page in print mode 
     margin: 100px; 
    } 

    @page { // set the margins for all following pages (tables) in print mode 
    size: auto; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    } 

Here is a demo