Ich arbeite auf der Website, die Tabelle drucken soll.
Ein Problem, auf das ich stoße, ist, dass einige Tabellenrahmen nicht gedruckt werden, obwohl sie korrekt auf dem Bildschirm angezeigt werden.
Ich habe sowohl Firefox als auch Chrome ausprobiert. Beide zeigen alle Tabellenränder auf dem Bildschirm an, lassen jedoch einige der Ränder beim Drucken aus.
Was muss ich tun, um sie auszudrucken?
EDIT 1: Hinzugefügt jsFiddle:
Code:
JavaScript:
%Vor%CSS:
%Vor%Wenn die Tabelle in ein neues Fenster kopiert wird, wird Ihr CSS nicht beibehalten. Sie können dies umgehen, indem Sie in der Methode document.write () etwas relevantes CSS an das neue Fenster übergeben. Sie müssen auch eine kleine Menge an Polsterung bereitstellen, um die Ränder einzuführen. Siehe den folgenden JSFiddle, der dies in Aktion zeigt: Ссылка
%Vor%Ich denke, diese andere SO Frage, Wie Inline-CSS-Stile zu drucken? , könnte die Antwort auf Ihre Frage halten.
Eine andere Sache, die Sie ausprobieren sollten, ist das Festlegen Ihres Stylesheets mit der Standard-Syntax <link rel="stylesheet" href="stylefile.css" type="text/css" media="print" > , so dass Sie ein oder mehrere Medienziele angeben (trennen Sie sie einfach durch ein Komma).
Nach dem Kommentar von "K D" sieht es so aus, als würden Sie das CSS nicht in das neue Fenster kopieren. Meine Vermutung ist, dass Sie es so machen, dass nur die spezifische Tabelle auf der gesamten Seite gedruckt wird. Es gibt einen einfacheren Weg, dies zu tun, ein Druck-Stylesheet zu definieren, das jedes Element außer demjenigen, das Sie drucken möchten, negiert. Kein JavaScript und neue Fenster und Kopieren von etwas über benötigt wird.
%Vor%myPrintStylesheet.css:
%Vor%Tags und Links javascript html css