Stampa fogli di stile per pagine con lunghe tabelle orizzontali

Question

Ho una pagina che sputa i dati del db in lunghe tabelle orizzontali.

Devo stamparlo bene in modo che non si tagli. Qualche consiglio?

Answer 1

Se non si adatta alla carta in un carattere leggibile, non lo fa. Secondo me, enormi tabelle orizzontali (che si tratti di una tabella HTML o di un foglio Excel con molte colonne) non si prestano bene alla stampa. Del resto, non si prestano bene nemmeno alla visualizzazione su uno schermo. Ricorda che lo scorrimento verticale è molto più facile per i tuoi utenti rispetto allo scorrimento orizzontale, tutto grazie a quella piccola rotellina del mouse.

Nel peggiore dei casi, potrebbe essere necessario scrivere una versione di stampa separata che utilizza un layout verticale.

Answer 2

1. Cambia la tabella in una orizzontale con molte righe (scambia righe / colonne)

2. Suggerisci agli utenti di passare alla modalità orizzontale. AFAIK non c'è modo di farlo programmaticamente nei browser attuali (CSS3 definisce @page {size:landscape})

3. Dividi la tabella ogni poche colonne (ovvero invece una con 100 colonne, genera 10 tabelle con 10 colonne ciascuna). Usa CSS table {display: inline-table} per mostrarli tutti fianco a fianco sullo schermo. Questo trucco funziona solo se non hai celle con altezze diverse.

Answer 3

Per assicurarti che il tuo tavolo non scompaia nell'Abisso della stampante, assicurati che il suo contenitore abbia una larghezza impostata al 100%.

Presumo che tu sappia come utilizzare i CSS specifici per la stampa (<style type="text/css" media="print">).
Poiché le stampanti e i monitor dei computer possono avere risoluzioni molto diverse, esegui la maggior parte delle impostazioni di dimensione in em nel CSS di stampa e nascondi non essenziali elementi durante la stampa (display:none).

Inoltre, per aumentare la leggibilità sulla carta, utilizzare uno sfondo bianco, testo nero, e caratteri serif (Times New Roman, ecc.), che hanno la reputazione di essere più leggibili sulla carta.

Diversi browser stampano a modo loro (anche più che sullo schermo), quindi gioca un po 'e vedi se riesci a ottenere risultati migliori da un altro browser. Cioè, ovviamente, se la stampa non è richiesta per funzionare perfettamente l'intero spettro del browser.