imprimir contenido de tabla

txetxo · #1 (**permalink**) 24/03/2005, 16:36

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.

FuLaNo_ · #2 (**permalink**) 24/03/2005, 20:19

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

thunder.scripts · #3 (**permalink**) 25/03/2005, 19:49

¡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

zm2175 · #4 (**permalink**) 24/03/2010, 09:12

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