Utrata szerokości kolumn podczas drukowania tabeli HTML

Question

Mam stronę, która będzie używana (a więc stylizowana) tylko do drukowania. Kiedy wyświetlić stronę w przeglądarce szerokość kolumny są jak je ustawić:

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

Jednak, kiedy wydrukować stronę kolumny są identyczne szerokości. Czy mogę drukować kolumny w procentach (lub w ogóle)?

Answer 1

Spróbuj użyć <table style="table-layout: fixed;">.

Spowoduje to, że tabela będzie używać podanych szerokości.

Historycznie szerokości kolumn tabeli zawsze były bardziej "sugestią" do przeglądarki i działały bardziej jak min-width w pewnym stopniu. Ustawienie table-layout: fixed pozwoli to obejść.