2017-10-05 119 views
0

問題:Firefox不打印2頁表格的邊框和起

當Mozilla Firefox瀏覽器(版本55.0.3 32位),打印表格,表格邊框顯示第一頁上只,但沒有任何的後續頁面。

因此,即打印頁面2只打印表格邊界,但打印頁面1僅打印表格邊界。


這個問題並沒有幫助:https://webmasters.stackexchange.com/questions/2578/how-to-prevent-table-borders-from-disappearing-while-printing(邊框仍然不打印第2頁及以後,將接受的答案的CSS在我的網頁後)

這是我有:

<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

這個工作

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

其中listdb類是在我的表使用<table class="listdb">...</table>

0

通過@Dennis好的解決方案。
要取走表格外邊框和單元格之間的空格,我補充說:

table.listdb { 
    border-collapse: unset; 
    padding 0; 
}