Perder el ancho de las columnas al imprimir la tabla HTML

Question

Tengo una página que se usará (y por lo tanto se diseñará) solo para imprimir. Cuando veo la página en el navegador el ancho de columna son como yo las puse:

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

Sin embargo, al imprimir la página de las columnas son todas las anchuras idénticas. ¿Puedo configurar columnas como porcentajes (o nada) al imprimir?

Answer 1

Intente utilizar <table style="table-layout: fixed;">.

Esto obligará a la tabla a usar los anchos especificados.

Históricamente, los anchos en las columnas de la tabla siempre han sido más una "sugerencia" para el navegador, y actúan más como un min-width hasta cierto punto. El ajuste table-layout: fixed evitará eso.