2017-04-06 20 views
1

JSを使用して印刷したいテーブルがありますwindow.print();。 しかし、このテーブルは、あまりにも多くの行がある場合oterページがseted余白JSウィンドウの印刷マージンが分割されたテーブル

enter image description here

私のCSSを維持dosen't:

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

はどうやって利益率を維持するために、このテーブルのブレークを強制することができますか?任意の要素の

をクリックして印刷します:

+0

あなたが正確に何を意味するのですか?次のページのヘッダーの「上端」ですか? – Legends

+0

壊れたテーブルのマージントップとマージンボトム – gFontaniva

答えて

1

https://jsfiddle.net/kfubawpg/あなたはちょうどあなたがしたい余白の大きさに変更し0に設定@page余裕を持っています。

@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

関連する問題