skalieren html-Tabelle vor dem drucken mit css
Ich habe eine Tabelle, da der gesamte Inhalt des HTML-Dokuments (für legitim Tisch Zwecke...es ist eine Tabelle von Daten, nicht für layout). Einige Zellen haben, breiten und Höhen angegeben (nicht über css, sondern über die alte Dimensionierung inline in einer Tabellenstruktur), aber die gesamte Tabelle keine Breite oder Höhe angegeben. Dies ist eine ziemlich große Tabelle, aber mit der richtigen Skalierung (über 70%) kann gedruckt werden gut passen, auf einem Blatt Papier. Dies kann erreicht werden, indem die scale page
Funktion in den Drucker-Einstellungen von IE, Firefox und Chrome. Gibt es eine Möglichkeit zum skalieren der ganzen Seite (die in meinem Fall nur diese Tabelle) als Teil eines Druck-stylesheet (ich weiß, über @media print {}
aber die Aussagen dort sind ignoriert...das Problem mit der richtigen Befehle für die Skalierung, nicht mit der Einrichtung der print-css)? Ich kann die Skala auf dem Bildschirm anzeigen mit diesem:
body {
transform: scale(.7);
}
jedoch beim drucken, Chrome (und andere) ignorieren meine Waage und automatisch skalieren Sie die Tabelle an die Breite des Papiers und die Ergebnisse in meine Tabelle aufgeteilt wird auf eine zweite Seite. Ich habe versucht, die Anwendung dieser, auch ohne Erfolg:
table {page-break-inside: avoid;}
- Nie versucht, so etwas wie die Skalierung von Tabellen in print-aber es klingt wie Sie benötigen, print-media-query zu überschreiben browser-Standard-drucken-Stil für Tabellen.
@media print { body { transform: scale(.7); } }
Du musst angemeldet sein, um einen Kommentar abzugeben.
Sollten Sie die Medientypen
So, in diesem Stile wird durch die Anwendung nur im seitenansicht-Modus.
http://www.w3.org/TR/CSS21/media.html
Landete ich umschreiben die ganze Tabelle mit prozentualen Größen angewendet als Klassen-und dann war in der Lage zu skalieren, die Seite für den Druck. Nicht sicher, warum der browser ignoriert wurde meine druckstile in Bezug auf die Transformation, sondern Umwandlung der Tabelle von festen Größen zu proportionalen Größen hat es mir ermöglicht, zu skalieren, ist mit CSS und das Problem ist Weg.
Ich weiß, ich bin Auferstehung der Toten, aber für die Zukunft Suche Ergebnis Referenz:
Rannte ich in ein problem mit super-Weitwinkel-Tabellen, wodurch alle die Browser berechnen die Höhe falsch und wiederholen Sie den thead mehrmals auf single-Seiten - meine Lösung war, zu übernehmen-zoom: 80%, um den Körper (% variiert abhängig von Ihren Bedürfnissen), die gezwungen unsere Seite zu effektiv fit für den Druck und den thead dann wiederholt wurde, richtig am oberen Rand jeder Seite. Vielleicht versuchen, zoom funktioniert, wobei transformieren nicht.