印刷時にテーブルのtheadが途切れる

私はFirefoxを使用していて、表示されているテーブルをきれいに印刷できるようにしています。ここに私のコードです。印刷時にテーブルのtheadが途切れる

<style type="text/css"> 
table { 
font-family: arial, sans-serif; 
border-collapse: collapse; 
width: 100%; 
} 

td, th { 
border: 1px solid #dddddd; 
text-align: left; 
padding: 8px; 
} 

tr:nth-child(even) { 
background-color: #eee; 
} 

@media print { 
@page { margin: 0; } 
body { margin: 1.6cm; } 
} 

@media print { 
a[href]:after { 
content: none !important; 
    } 
} 
</style> 
<body> 
<div> 
<table class="header"> 
<thead> 
<TR> 
    <TH>x</TH> 
</TR> 
</thead> 
<TR> 
    <TD>x</TD> 
</TR>

さらに多くの行と列が私のコードに含まれていますが、それらは含まれていません。 <thead>はFirefoxで正常に動作しますが、印刷するときには、ページがページの上部に近づくため、プリンタによって行がわずかに切り取られます。パディングや何かを追加して、何もプリンタから切断されないようにするにはどうすればいいですか？ここで

は、私はすでに試してみましたし、正直

<style> 
@media print { 
tr.vendorListHeading { 
background-color: #1a4567 !important; 
-webkit-print-color-adjust: exact; 
    } 
} 

@media print { 
.vendorListHeading th { 
color: white !important; 
    } 
} 

table { page-break-inside:auto } 
tr { page-break-inside:avoid; page-break-after:auto } 
thead { display:table-header-group } 
tfoot { display:table-footer-group } 
</style>

出典

2016-08-26 Thomas

あなたはそれがhtmlだと確信しているだけでなく、あなたのプリンタはそのビットが印刷可能な領域の外側にあるために切断されますか？ –

@MarcB私はそれが正確な問題だと思うので、私はを印刷することができないように、を少し押してみたいと思っています。 – Thomas

ページの余白またはパディングCSSを使用してページにパディングを追加できます。

出典

2016-08-29 18:36:30 imapotatoe123

を動作しませんでした、私はちょうどスクリーンショットを取り、文書エディタなどで画像をリサイズして、これをオフに印刷することをお勧めしたいいくつかのコードです。

プリンターがページの端に印刷されていないことが問題のように見える場合は、パディングなどを開始するのに不必要な作業のようです。

出典

2016-08-26 15:08:27 TauOmicronMu

私は簡単にページを印刷し、ライブテーブルのコピー。 – Thomas

ああ、私は参照してください！ページをイメージとしてエクスポートし、ブロブを使用してユーザーにダウンロードして印刷するよう促すことができますか？ – TauOmicronMu

私はできることを意味しますが、これらのファイルをダウンロードして扱うことなく、簡単で簡単にしようとしています。 – Thomas

印刷時にテーブルのtheadが途切れる

答えて

関連する問題