Foros del Web » Creando para Internet » CSS »

imprimir contenido de tabla

Estas en el tema de imprimir contenido de tabla en el foro de CSS en Foros del Web. Hola compañeros Tengo un formulario en el cual hay una tabla con x columnas y n filas, pues bien, quisiera saber como hago para que ...
  #1 (permalink)  
Antiguo 24/03/2005, 16:36
 
Fecha de Ingreso: enero-2005
Mensajes: 45
Antigüedad: 12 años, 10 meses
Puntos: 0
imprimir contenido de tabla

Hola compañeros

Tengo un formulario en el cual hay una tabla con x columnas y n filas, pues bien, quisiera saber como hago para que se imprima solo el contenido de la tabla, y que pongo para que al cargar la pagina se vea la opcion de imprimir( un boton, un linck,..).

Muchas gracias de antemano.
  #2 (permalink)  
Antiguo 24/03/2005, 20:19
Avatar de FuLaNo_  
Fecha de Ingreso: mayo-2003
Ubicación: Don Torcuato, Buenos Aires, Argentina
Mensajes: 1.250
Antigüedad: 14 años, 6 meses
Puntos: 2
para el boton es un simple <a href="javascript:window.print()">imprimir!</a>

Yo lo que hago que al presionar el boton de imprimir me abra un popup con el mismo texto (tablas o lo que sea) pero sin formato, y solamente lo que quiero imprimir (sin botones, titular, pie de pagina, nada) y ahi pones otra vez el imprimir, ahi imprime y se vera solo el contenido de la tabla.

La otra forma es, por medio de javascript, ocultar todas las tablas que no queres que se muestren...
__________________
I Love Programming...
  #3 (permalink)  
Antiguo 25/03/2005, 19:49
 
Fecha de Ingreso: febrero-2005
Mensajes: 670
Antigüedad: 12 años, 10 meses
Puntos: 0
¡CSS!
Hacés una hoja de estilos aparte y le aplicás display:none a todo lo que querés que no se imprima. Suponé que tenés este html:

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="print.css" rel="stylesheet" media="print" type="text/css" />
</head>

<body>
<div id="cabecera">cabecera</div>
<div id="contenido">contenido</div>
<div id="pie">pie</div>
</body>
</html> 
Ahora, en la hoja de estilos print.css (o cualquier otro nombre, fijate que está linkeada debajo de <head>) ponés:

Código HTML:
#cabecera, #pie {
    display:none;
}
De esa forma sólo se imprime el contenido.

Básicamente, ponele id a todo lo que quieras ocultar y ponelo en la hoja de estilos separado por coma.

Si querés ver cómo queda sin tener que imprimir, fijate en el link debajo de <head> y cambia media="print" por media="screen" para ir chequeando la página.

Suerte
Fede
__________________
Federico H. García
Desarrollo Web
www.federicog.com.ar
  #4 (permalink)  
Antiguo 24/03/2010, 10:12
 
Fecha de Ingreso: marzo-2003
Ubicación: Santiago
Mensajes: 53
Antigüedad: 14 años, 9 meses
Puntos: 0
Respuesta: imprimir contenido de tabla

Impresionante thunder.scripts! muy buena solucion... habia revisado otras relacionadas a divs, pero esta es sencilla y efectiva.
gracias
__________________

==
Zmaster rulez!
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 16:11.