Stampa multipla bordo tabella layout bordo

Quando si stampa questo, a sinistra e nella parte superiore della tabella nella seconda pagina manca il bordo. Come posso risolvere questo?Stampa multipla bordo tabella layout bordo

<!DOCTYPE HTML> 
<html> 
<head> 
    <meta charset="UTF-8" /> 
    <style type="text/css"> 
     @media print 
     { 
      body { 
       margin: 0; 
       padding: 0; 
       color: #000000 !important; 
       background-color: #ffffff !important; 
      } 
      * { 
       color: inherit !important; 
       background-color: transparent !important; 
       background-image: none !important; 
      } 
      table { 
       width: 100%; 
       border: 1pt solid #000000; 
       border-collapse: collapse; 
       font-size: 11pt; 
      } 
      #space { height: 750px; } 
     } 
    </style> 
</head> 
<body> 
    <br /><br /> 
    <h2>.</h2> 
    <div id="space"></div> 
    <table border="1"> 
     <thead> 
      <tr><th>Amount</th><th>label</th></tr> 
     </thead> 
     <tbody> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
      <tr><td>20</td><td>pineapple</td></tr> 
     </tbody> 
    </table> 
</body> 
</html>

fonte

2011-09-12 sid_com

Qual è il tuo browser? funziona su FF6. Se generi un pdf assicurati che lo zoom sia buono e che non sia un problema di ingrandimento dello zoom ... –

FF6. Se creo un pdf sembra un po 'migliore ma non ancora buono: ci sono i bordi sinistro e superiore, ma sono più sottili degli altri confini. –

cambiare il tuo stile tavolo per avere qualcosa sembra buono:

table { 
    border: 1pt solid #000000; 
    border-collapse: separate; 
    border-spacing: 0; 
    font-size: 11pt; 
    width: 100%; 
    }

Edit: avere qualcosa sembra perfetto, in primo luogo, rimuovere tutte bordo della tabella quindi definire ogni stile con quello che volete, per avere solo una linea per confine (creare un confine per th, td, tr):

table { 
     border-collapse: separate; 
     border : 0px solid #000000; 
    border-spacing: 0; 
    font-size: 11pt; 
    width: 100%; 
    border-color: #000000 ; 
    border-right: 1px solid; 

} 
tr { 
    border-color: #000000 ; 
    border-style: none ; 
    border-width: 0 ; 
} 
td { 
    border-color: #000000 ; 
    border-left: 1px solid; 
    border-bottom:1px solid ; 
} 

th { 
    border-color: #000000 ; 
    border-left: 1px solid; 
    border-top:1px solid ; 
    border-bottom:1px solid ; 
}

fonte

2011-09-14 15:01:26

Sembra migliore, ma non ancora buono. Il bordo inferiore della prima pagina e il bordo superiore della seconda pagina sono spessi solo la metà dei bordi rimanenti. –

Questo è normale. Ma nuova soluzione "perfetta" nella modifica. –

Se imposto esplicitamente su "nessuno", tutti i bordi che non sono necessari funzionano. –

Lascia margine di tabl Larghezza del bordo della e sulla tabella per evitare il ritaglio sulla seconda e sulle pagine successive quando la tabella presenta un bordo compresso.

<table style="border:1px solid black; margin:1px;"> 
    <thead> 
     <tr><th>Amount</th><th>label</th></tr> 
    </thead> 
    ....

fonte

2013-12-08 22:23:48 Peter

Stampa multipla bordo tabella layout bordo

risposta

Problemi correlati