tablas solo quitar pie para pagina ocultar imprimir impresion formato estilos encabezado codigo printing page-break

printing - solo - quitar encabezado y pie de pagina al imprimir javascript



¿Cómo construyo una página web para imprimir para que no se divida mal en las páginas? (5)

Tengo una aplicación web que genera un informe largo y necesito imprimirlo. Si solo imprimo la página, se romperá al final de la página física. ¿Cómo puedo calcular dónde hacer un corte en la página web para que los saltos de página se alineen con las páginas físicas cuando se imprimen?


Existe una propiedad css para intentar asegurar la posición de los saltos de página. Puede darle a un elemento la regla page-break-before: always o page-break-after: always` para indicar si el corte debe ser anterior o posterior al elemento. Esto tiene un soporte bastante pobre en todos los navegadores y no confiaría en él. Vea http://www.w3schools.com/CSS/pr_print_pageba.asp para más detalles.


Normalmente evito la impresión de páginas web (HTML) juntas. Si se requiere una impresión formateada, genero formatos PDF o CSV / Hoja de cálculo para que mis clientes impriman de la forma que deseen.

Normalmente genero impresión para uso global, lo que significa que todos los tipos de configuración difieren (por ejemplo, el tamaño del papel: Legal, Carta, A4, etc.) del lugar de trabajo al lugar de trabajo. He descubierto que es una tarea demasiado grande para garantizar resultados estéticos en todas partes.


Tenemos un sistema que imprime facturas para pedidos seleccionados que coloca un

<br style="page-break-before:always;">

entre cada factura. Esto significa que cada factura va a una nueva página.

También es una buena práctica usar una hoja de estilo de impresión

<link rel="stylesheet" href="print.css" type="text/css" media="print" />

que puede ocultar / mostrar áreas relevantes de la página. No tiene sentido imprimir enlaces leftnav, etc. cuando alguien quiere los contenidos de la página real.


Ya sea con CSS page-break-before/after

Otras maneras:

  • utiliza JasperReports y carga los datos en un informe, en lugar de una página html
  • utilice Apache FOP con XSL para traducir su HTML (o los datos sin procesar) a FOP y luego a PDF

Ambos métodos son bastante extensos, así que si no quieres gastar un esfuerzo, mejor salta directamente a otra respuesta ...