2017-10-05 15 views
0

問題に表の罫線を印刷しない:Mozilla Firefoxの(バージョン55.0.3 32ビット)上の表を印刷するときFirefoxはページ2以降

、表の罫線は、任意の上でのみ最初のページに表示さではなく、次のページの

つまり、ページ2を印刷するだけでは表の罫線は印刷されませんが、ページ1は表の罫線のみを印刷します。


この質問は役に立ちませんでした:https://webmasters.stackexchange.com/questions/2578/how-to-prevent-table-borders-from-disappearing-while-printing(国境はまだ私のページに受け入れ答えのCSSを挿入した後、以降2ページ印刷していません)

これは私が持っているものです:

<table class="listdb">...</table> 
table.listdb { 
    font-size: 10pt; 
    border-width: 0px 0px 0px 0px; 
    border-spacing: 0px; 
    border-style: none; 
    border-color: #000000; 
    border-collapse: collapse; 
    background-color: #FFFFFF; 
} 

table.listdb th { 
    font-size: 10pt; 
    border-width: 1px; 
    padding: 1px 5px 1px 5px; 
    border-style: solid; 
    border-color: #000000; 
    background-color: #7A99DD; 
    color: #000000; 
    vertical-align: top; 
} 

table.listdb td { 
    font-size: 10pt; 
    border-width: 1px; 
    padding: 1px 5px 1px 5px; 
    border-style: solid; 
    border-color: #999999; 
    border-color: #000000; 
    vertical-align: top; 
} 

私もHTML5 BoilerplateのCSSは以下の使用してみました - 助けにはならなかった(関連EXCを示しますここerpt、私は全体@media printブロックを使用)

@media print { 
    /* 
    * Printing Tables: 
    * http://css-discuss.incutio.com/wiki/Printing_Tables 
    */ 

    thead { 
     display: table-header-group; 
    } 

    tr, 
    img { 
     page-break-inside: avoid; 
    }  
} 

答えて

0

これはlistdbクラスは、私のテーブルに@Dennisによって<table class="listdb">...</table>

0

良いソリューションを使用した

<style> 
<!-- 
@media print { 
    table.listdb { 
     border-collapse: unset; 
    } 
} 
--> 
</style> 

を働きました。
テーブルの外枠とセルの間のスペースを取り除くために、私は次を追加しました:

table.listdb { 
    border-collapse: unset; 
    padding 0; 
} 
関連する問題