Foros del Web » Creando para Internet » CSS »

Imprimir tabla html

Estas en el tema de Imprimir tabla html en el foro de CSS en Foros del Web. Hola a todos; Tengo unas tablas muy anchas y largas que estan con scroll y lo que quiero es imprimir esas tablas con su contenido ...
  #1 (permalink)  
Antiguo 14/04/2011, 04:01
Avatar de veriyo  
Fecha de Ingreso: junio-2010
Mensajes: 80
Antigüedad: 7 años, 5 meses
Puntos: 0
Imprimir tabla html

Hola a todos;

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" /> 
y una de las tablas que quiero imprimir completa es asi:

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> 
no se que es lo que esta mal, pero no me la imprime entera, si alguien sabe como solucionarlo o hacerlo de otra manera se lo agradecere muuuuuchisimo.
  #2 (permalink)  
Antiguo 14/04/2011, 07:24
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Imprimir tabla html

Debería definir el tamaño y orientación de la página, así como los márgenes si los necesita.
A continuación, elimine las medidas de la tabla y sus celdas del html y asigne sus valores en el css (en mm o cm) así como el resto de propiedades.
Una página que le será de utilidad es ésta [ing]
  #3 (permalink)  
Antiguo 15/04/2011, 14:12
Avatar de veriyo  
Fecha de Ingreso: junio-2010
Mensajes: 80
Antigüedad: 7 años, 5 meses
Puntos: 0
Respuesta: Imprimir tabla html

muchas gracias kseso, probare de la forma que me dices, y le echaré un ojo a la pagina que me recomiendas, aunque ando un poco verde en ingles, sabes de alguna que este en español ?? muchas gracias de nuevo

Etiquetas: html, tablas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:07.