2017-10-05 2 views
0

Problème:Firefox ne bordures de tableau imprime pas sur les pages 2 et suivantes

Lors de l'impression d'une table sur Mozilla Firefox (version 55.0.3 32 bits), les bordures de table montrent sur la première page, mais pas sur tout des pages suivantes. Par conséquent, l'impression des pages 2 n'imprime que les bordures du tableau, mais l'impression de la page 1 imprime uniquement les bordures du tableau.


Cette question n'a pas aidé: https://webmasters.stackexchange.com/questions/2578/how-to-prevent-table-borders-from-disappearing-while-printing (frontières ne sont toujours pas d'impression à la page 2 et au-delà, après l'insertion accepté CSS de réponse dans ma page)

C'est ce que j'ai:

<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; 
} 

J'ai aussi essayé en utilisant le CSS de HTML5 Boilerplate ci-dessous - n'a pas aidé (montrant exc pertinente ERPT ici, quand je @media print ensemble bloc)

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

    thead { 
     display: table-header-group; 
    } 

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

Répondre

0

Cela a fonctionné

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

listdb classe a été utilisé dans ma table <table class="listdb">...</table>

0

Bonne solution par @Dennis. Pour supprimer l'espace entre la bordure extérieure de la table et les cellules, j'ai ajouté:

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