Perdita delle larghezze delle colonne durante la stampa della tabella HTML

Question

Ho una pagina che verrà utilizzata (e quindi disegnata) solo per la stampa. Quando si visualizza la pagina nel browser la larghezza della colonna sono al loro ho impostato:

<table> 
<col width="20%"> 
<col width="25%"> 
<col width="5%"> 
<col width="10%"> 
<col width="17%"> 
<col width="15%"> 
<col width="8%"> 
<thead> 
     header columns 
</thead> 
<tbody> 
     columns 
</tbody> 
</table> 

Tuttavia, quando stampo pagina le colonne sono tutte le larghezze uguali. Sono in grado di impostare le colonne come percentuali (o del tutto) quando si stampa?

Answer 1

Provare a utilizzare <table style="table-layout: fixed;">.

In questo modo la tabella utilizzerà le larghezze specificate.

Storicamente le larghezze sulle colonne delle tabelle sono sempre state più di un "suggerimento" per il browser e si comportano in un certo senso come min-width. L'impostazione table-layout: fixed eluderà ciò.