Print-Stylesheets für Seiten mit langen horizontalen Tabellen
Ich habe eine Seite, die spuckt db-Daten in langen horizontalen Tabellen.
Ich brauche, um es zu drucken schön, damit es nicht abgeschnitten. Irgendwelche Tipps ?
- prüfen Sie die Antwort für diese question. Die Lösung für mich gearbeitet. Es bricht der Tabelle, um die Größe der Seite und fügen es am Ende. so können Sie drucken aller Inhalte.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Wenn es nicht passen auf dem Papier in eine lesbare schriftart, es funktioniert einfach nicht.. meiner Meinung nach, riesige horizontale Tabellen (sei es eine HTML-Tabelle oder eine Excel-Tabelle mit vielen Spalten) verleihen nicht gut zu drucken. Für diese Angelegenheit, Sie verleihen nicht gut für das betrachten auf einem Bildschirm entweder. Denken Sie daran vertikales scrollen ist viel einfacher für den Anwender als horizontale scrolling - alle durch das kleine Rad auf der Maus.
Schlimmsten Fall, könnten Sie schreiben müssen, eine separate print-version, die mit einem vertikal-layout.
Ändern, Tabelle in horizontalen, mit vielen Zeilen (swap-Zeilen/Spalten)
Empfehlen Benutzer zum Wechsel auf Landscape-Modus. AFAIK gibt es keine Möglichkeit zu tun, die programmgesteuert in aktuellen Browsern (CSS3 definiert
@page {size:landscape}
)Teilen Sie die Tabelle alle paar Spalten (D. H., anstatt eines mit 100 Spalten, generieren 10 Tabellen mit 10 Spalten). Verwenden Sie CSS -
table {display: inline-table}
zeigen Ihnen alle side-by-side auf dem Bildschirm. Dieser trick funktioniert nur, wenn Sie keine Zellen mit unterschiedlicher Höhe.Um sicherzustellen, dass Ihre Tabelle wird nicht verschwinden in den Drucker ein Abgrund, sicherzustellen, dass Ihre container hat eine Breite von 100%.
Ich nehme an, Sie wissen, wie Sie mit print-spezifische CSS (
<style type="text/css" media="print">
).Da Drucker und computer-Monitore können sehr unterschiedliche Auflösungen,
die meisten Ihrer Größe-Einstellung in
em
's in der print-CSS ausblenden und nicht-essentiellenElemente beim Druck (
display:none
).Auch, um die Lesbarkeit zu erhöhen auf dem Papier, verwenden Sie einen weißen hintergrund, schwarzer text,
und Schriften mit Serifen (Times New Roman, usw.), die haben den Ruf, mehr gut leserlich auf Papier.
Verschiedenen Browsern nicht drucken, Ihren eigenen Weg (noch mehr als auf dem Bildschirm),
also, spielen Sie ein bisschen herum und sehen, wenn Sie bessere Ergebnisse mit einem anderen browser.
Das ist natürlich, wenn das drucken ist nicht erforderlich, um die Arbeit perfekt in
die gesamte browser-Spektrum.