2016-10-03 6 views
0

Google Chrome(バージョン53.0.2785.143)に奇妙なバグがあります。ページの内容を印刷しようとすると、テーブルヘッダーの1つが2回含まれます。Chromeで表のヘッダーが2回表示される

テーブルヘッダーは、一番下に一度表示されることになっています。

イメージ:

enter image description here

、テーブルヘッダは表の行の上を流れる異なる部分です。

enter image description here

私は私のページのコンテンツを印刷するための印刷メディアクエリを使用しています:

@media print { 
table { 
    page-break-inside:auto 
} 
tr { 
    page-break-inside:avoid; page-break-after:auto 
} 
body * { 
visibility: hidden; 
} 
.no-padding-small{ 
    padding: 0!important; 
} 
.stage, .progress-indicator { 
display: none; 
} 
#header{ 
display: none; 
} 
.fixed-menu{ 
display: none; 
} 
.printable * { 
visibility: visible; 

} 
textarea, input[type], table, td, th, tr{ 
page-break-inside: avoid; 
} 
} 

任意の提案ですか?解決策が見つかりました

+0

あなたはそれが起こるcodepenまたはjsfiddle例を作成してもらえますか? – Aschab

答えて

関連する問題