css - print - formato para imprimir html

Imprimir hojas de estilo para páginas con tablas horizontales largas

Question

Tengo una página que escupe datos de datos en largas tablas horizontales.

Necesito imprimirlo bien para que no se corte. Algun consejo ?

Answer 1

Si no cabe en el papel en una fuente legible, simplemente no ... En mi opinión, las grandes tablas horizontales (ya sea una tabla HTML o una hoja de Excel con muchas columnas) no se prestan bien a la impresión. Para el caso, tampoco se prestan bien para ver en una pantalla. Recuerde que el desplazamiento vertical es mucho más fácil para sus usuarios que el desplazamiento horizontal, todo gracias a esa pequeña rueda en su mouse.

En el peor de los casos, es posible que deba escribir una versión de impresión separada que utilice un diseño vertical.

Answer 2

1. Cambia la tabla a horizontal con muchas filas (filas / columnas de intercambio)

2. Sugiera a los usuarios que cambien al modo Paisaje. AFAIK no hay forma de hacerlo programáticamente en los navegadores actuales (CSS3 define @page {size:landscape} )

3. Dividir la tabla cada pocas columnas (es decir, una con 100 columnas, generar 10 tablas con 10 columnas cada una). Use la table {display: inline-table} CSS table {display: inline-table} para mostrarlos uno al lado del otro en la pantalla. Este truco funciona solo si no tienes celdas con diferentes alturas.

Answer 3

Para asegurarse de que su mesa no desaparezca en Printer Abyss, asegúrese de que su contenedor tenga un ancho establecido en 100%.

Supongo que sabes cómo usar CSS específico de impresión ( <style type="text/css" media="print"> ).
Como las impresoras y los monitores de computadora pueden tener resoluciones muy diferentes, realice la mayor parte de su configuración de tamaño en em ''s en el CSS de impresión, y oculte los elementos no esenciales al imprimir ( display:none ).

Además, para aumentar la legibilidad en papel, utilice un fondo blanco, texto negro y fuentes seriales (Times New Roman, etc.), que tienen la reputación de ser más legibles en el papel.

Los diferentes navegadores imprimen a su manera (incluso más que en la pantalla), así que juegue un poco y vea si puede obtener mejores resultados de otro navegador. Es decir, por supuesto, si la impresión no es necesaria para funcionar perfectamente en todo el espectro del navegador.