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

Question

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

Necesito imprimirlo muy 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 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 necesite escribir una versión de impresión separada que utiliza una disposición vertical.

Answer 2

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">).
Dado que las impresoras y monitores de computadora pueden tener resoluciones muy diferentes, haga la mayor parte de su configuración de tamaño en em en la impresión CSS 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 serif (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. Esto es, por supuesto, si la impresión no es necesaria para funcionar perfectamente en en todo el espectro del navegador.

Answer 3

1. Cambio mesa en uno horizontal con muchas filas (Intercambio de filas/columnas)

2. Suggest a los usuarios cambiar al modo horizontal. 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 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.