Tengo unas tablas muy anchas y largas que estan con scroll y lo que quiero es imprimir esas tablas con su contenido completo, he hecho lo siguiente, he creado una hoja de estilos css para impresion:
Código HTML:
#cp_botoneralila_eficiencia_energetica, #cp_cerrar_eficiencia_energetica, #cp_btn_imprimir_eficiencia, #btn_imprimir_eficiencia, #img_btn_cerrar_eficiencia, #btn_imprimir_eficiencia, #cp_botoneralila_alimentacion_electrica, #cp_btn_cerrar_alimentacion_electrica, #img_btn_cerrar_alimentacion_electrica, #cp_btn_imprimir_horarios, #btn_imprimir_horarios, #cp_btn_elige_instalacion_alimentacion_electrica, #cp_sector_seleccionado_alimentacion_electrica, #cp_contenedor_sectores_alimentacion_electrica { display:none; } #tab_contenido_movible_eficiencia_energetica, #tab_contenido_fijo_eficiencia_energetica, #tbody_contenido_eficiencia_energetica, #thead_cabecera_eficiencia_energetica { height:auto; width:auto; overflow:visible; }
y lo enlace a mi html asi:
Código HTML:
<link href="../css_imprime.css" rel="stylesheet" media="print" type="text/css" />
Código HTML:
<div id="cp_contenido_movible_eficiencia_energetica" style="overflow-y:scroll; overflow-x:scroll;" onscroll="f_scroll()"> <table width="930" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" id="tab_contenido_movible_eficiencia_energetica" name="tab_contenido_movible_eficiencia_energetica" class="F_arial_10_centrado_negro" style="border-collapse:collapse"> <tbody id="tbody_contenido_eficiencia_energetica" name="tbody_contenido_eficiencia_energetica"> <tr> <td width="65" bgcolor="#FFFFFF" class="borde_izquierdo_2px" style="border-left:solid 2px">0000001</td> <td width="65" bgcolor="#FFFFFF">0000001</td> <td width="65" bgcolor="#FFFFFF" class="borde_izquierdo_2px">0000001</td> <td width="65" bgcolor="#FFFFFF">0000001</td> <td width="65" bgcolor="#FFFFFF" class="borde_izquierdo_2px">0000001</td> <td width="65" bgcolor="#FFFFFF">0000001</td> <td width="65" bgcolor="#FFFFFF" class="borde_izquierdo_2px">0000001</td> <td width="65" bgcolor="#FFFFFF">0000001</td> <td width="65" bgcolor="#FFFFFF" class="borde_izquierdo_2px">0000001</td> <td width="65" bgcolor="#FFFFFF">0000001</td> <td width="65" bgcolor="#FFFFFF" class="borde_izquierdo_2px">0000001</td> <td width="65" bgcolor="#FFFFFF">0000001</td> <td width="65" bgcolor="#FFFFFF" class="borde_izquierdo_2px">0000001</td> <td width="65" bgcolor="#FFFFFF">0000001</td> </tr> <tr> <td width="65" bgcolor="#FFFFFF" class="borde_izquierdo_2px" style="border-left:solid 2px">0000001</td> <td width="65" bgcolor="#FFFFFF">0000001</td> <td width="65" bgcolor="#FFFFFF" class="borde_izquierdo_2px">0000001</td> <td width="65" bgcolor="#FFFFFF">0000001</td> <td width="65" bgcolor="#FFFFFF" class="borde_izquierdo_2px">0000001</td> <td width="65" bgcolor="#FFFFFF">0000001</td> <td width="65" bgcolor="#FFFFFF" class="borde_izquierdo_2px">0000001</td> <td width="65" bgcolor="#FFFFFF">0000001</td> <td width="65" bgcolor="#FFFFFF" class="borde_izquierdo_2px">0000001</td> <td width="65" bgcolor="#FFFFFF">0000001</td> <td width="65" bgcolor="#FFFFFF" class="borde_izquierdo_2px">0000001</td> <td width="65" bgcolor="#FFFFFF">0000001</td> <td width="65" bgcolor="#FFFFFF" class="borde_izquierdo_2px">0000001</td> <td width="65" bgcolor="#FFFFFF">0000001</td> </tr> .................... ............. </tbody> </table></div>