Ich generiere einen PDF-Bericht von einer HTML-Seite mit einer Tabelle .
Ich benutze wkhtmltopdf für diesen Zweck.
Wenn PDF generiert wird, wird es an einer beliebigen Stelle im tr-Tag unterbrochen .
Ich möchte es vermeiden.
quelle
Ich generiere einen PDF-Bericht von einer HTML-Seite mit einer Tabelle .
Ich benutze wkhtmltopdf für diesen Zweck.
Wenn PDF generiert wird, wird es an einer beliebigen Stelle im tr-Tag unterbrochen .
Ich möchte es vermeiden.
Update 17.09.2015: Überprüfen Sie die Version, die Sie verwenden: wkhtmltopdf 0.12.2.4 soll das Problem beheben (ich habe nicht überprüft) .
Dies ist ein bekanntes Problem in wkhtmltopdf. Der vom Webkit verwendete Seitenumbruchalgorithmus (der WK in WKhtmltopdf) funktioniert für große Tabellen nicht wirklich gut. Ich schlage vor, die Tabelle in kleinere Teile aufzuteilen, die sich leichter in Seiten aufteilen lassen und das CSS häufig verwenden:
table, tr, td, th, tbody, thead, tfoot {
page-break-inside: avoid !important;
}
Schauen Sie sich auch die folgenden wkhtmltopdf-Probleme an. Sie enthalten interessante Kommentare, in denen beispielsweise das Problem der Tabellenaufteilung erläutert wird. Es gibt eine JS-Lösung, die Tabellen in 168 programmgesteuert aufteilt, was Ihnen helfen könnte (ich verwende sie jedoch nicht).
Update 08.11.2013 In der
oben verlinkten Ausgabe 168 wird viel darüber diskutiert. Jemand hat es geschafft, eine Version von wkhtmltopdf zu kompilieren, die ein besseres Tabellenbrechen unterstützt, aber leider scheint es, dass es nicht offiziell veröffentlicht wurde und möglicherweise andere Fehler enthält. Ich weiß nicht, wie ich es bekommen soll und ich weiß nicht, wie ich es unter Windows kompilieren soll, aber jeder Interessierte kann zum Beispiel den Kommentar hier überprüfen (siehe neues Update unten).
Update 24.02.2014 Sie werden erfreut sein zu hören, dass in wkhtmltopdf 0.12 diese Funktion unter anderem stark verbessert wurde. Warten Sie jedoch auf 0.12.1 und testen Sie es gründlich, bevor Sie eine neue Version verwenden. Es ist immer noch ein wenig instabil, obwohl die neuen Leute, die mit Antialize arbeiten, einen großartigen Job machen (Ashkulz Rocks)! Halten Sie sich unter wkhtmltopdf.org und github auf dem Laufenden . Die Google Code-Site ist veraltet und wird langsam migriert.
display: inline-block
. Geändert zublock
und mit den Änderungen darüber fing alles an zu funktionieren!Es ist ein alter Beitrag, aber da ich viel Zeit damit verschwendet habe, eine richtige Lösung zu finden, werde ich ihn hier einfügen, vielleicht ist er für jemanden nützlich.
Also von dem, was ich gelesen habe, das Problem mit
ist, dass es nicht funktioniert. Aber tatsächlich, wenn Sie es auf ein Element setzen, das
display:block
es hat , funktioniert es wie erwartet (wie irgendwo in SO angegeben). also für einfache strukturierung der tabelle css mitund Tabellenstruktur
wird wie erwartet funktionieren.
Ich hatte einen etwas komplizierteren Fall mit Reihenspannen, daher brach die Lösung von oben in Stücke, was nicht erwünscht war. Ich habe es mit divs für jeden zeilenübergreifenden Satz von Zeilen gelöst. Meine jquery macht den ganzen Job:
CSS:
Ich weiß nicht, ob alles gebraucht wird und ich denke nicht, dass es perfekt ist, aber es macht den Job. Nur auf Chrom getestet
quelle
Seit 0.12 wurde dieses Problem behoben, aber manchmal, wenn eine Tabelle zu lang ist, um in die Seite zu passen, zerlegt wkhtmltopdf sie in zwei Teile und wiederholt die Spaltenüberschriften auf der neuen Seite, und diese Spaltenüberschriften werden der ersten Zeile überlagert.
Ich fand eine zeitliche Lösung für dieses Problem im Abschnitt wkhtmltopdf Github-Probleme: https://github.com/wkhtmltopdf/wkhtmltopdf/issues/2531
Fügen Sie einfach diese Zeilen zu Ihrer Ansicht CSS hinzu:
quelle
Ich habe mich tagelang mit diesen Problemen befasst und endlich die perfekte Lösung gefunden. Sie können auf dieses Projekt phpwkhtmltopdf verweisen . Schauen Sie in das Verzeichnis
article
und Sie werden 3 Lösungen für 3 Probleme finden. Kurz gesagt, die ultimative Lösung ist das Hinzufügen des CSS-StilsWenn Sie Chinese sind, können Sie diese Seite gerne besuchen. Schauen Sie sich das Wesentliche an, wenn Sie das Wesentliche für wkhtmltopdf wünschen
quelle
Ich habe festgestellt, dass ab wkhtmltopdf 0.12.2.1 dieses Problem behoben wurde.
quelle
In meinem speziellen Fall hat aus irgendeinem Grund keine der vorherigen Antworten für mich funktioniert. Was letztendlich funktionierte, war eine Kombination aus mehreren Dingen.
Ich installierte (in Ubuntu 16.04) der wkhtmltopdf Python - Wrapper namens PDFKit PIP3 verwenden, und dann anstelle wkhtmltopdf über installieren apt-get ich die statische binäre (Version 0.12.3) installiert anhand der folgenden Skript, von hier genommen
Dieses CSS wurde hinzugefügt (wie in einer der Antworten hier vorgeschlagen):
Und dann auch noch hinzufügen
<thead>
und<tbody>
markieren, wie hier vorgeschlagen (ohne diese würde die Tabelle immer noch auf hässliche Weise brechen):Mit diesen Änderungen kann ich nun erfolgreich Mako-Vorlagen verwenden , um den HTML-Code zu generieren und diesen dann an Wkhtmltopdf weiterzuleiten und ein wunderschön paginiertes PDF zu erhalten.
quelle
Ich habe alle Arten von Manipulationen an meinen Tabellen versucht, aber nichts, was ich versucht habe, konnte verhindern, dass die Seitenumbrüche in die Mitte einer Zeile gestellt werden. In meiner Verzweiflung habe ich verschiedene Versionen ausprobiert und Folgendes gefunden:
Wkhtmltopdf 0.12.2.1: Schlecht
Wkhtmltopdf 0.12.3: Schlecht
Wkhtmltopdf 0.12.1: Gut
Meine Lösung bestand darin, ein Downgrade auf Version 0.12.1 durchzuführen, wodurch meine Probleme gelöst wurden. Zugegeben, sie könnten teilweise darauf zurückzuführen sein, dass mein HTML-Code keine Super-OCD ist, aber da der HTML-Code in TinyMCE (von Benutzern) generiert wird, habe ich nicht wirklich eine große Auswahl.
Außerdem funktionieren verschachtelte Tabellen in keiner Version für mich.
quelle
Ich hatte das gleiche Problem. Fügen Sie nach vielen Versuchen und Fehlern hinzu, dass dieses CSS das Problem gelöst hat
tr { display: inline-table; }
quelle
Wie verwende ich Seitenumbrüche in PDF, ohne ein tr zu brechen?
Hier ist eine Lösung, die Sie in jeder HTML-Datei verwenden können .....
Nachdem Sie Ihr tr gestartet haben, müssen Sie ein div innerhalb des tr nehmen und dieses CS dem div geben:
quelle
Mit der Ergänzung zu dem, was Nanotelep sagt, ist hier die funktionierende Implementierung des manuellen Algorithmus zum Brechen von Tabellenseiten. https://github.com/AAverin/JSUtils/tree/master/wkhtmltopdfTableSplitHack
quelle
Die obigen Antworten haben bei mir nicht funktioniert. Ich musste die Zoomoption meiner pdfkit-Konfiguration speziell deaktivieren.
quelle
Für alle, die immer noch Probleme damit haben, ist es wichtig, sich daran zu erinnern, dass der Tisch ein direktes Kind des Körpers sein muss , sonst funktioniert das CSS nicht (zumindest ist das bei mir passiert).
quelle
display: table-cell;
angewendet. Wenn Sie diese Stile@media only screen
korrigieren, werden die Seitenumbrüche behoben. Wenn Sie keine Seitenumbrüche erzielen können, versuchen Sie zu teilen und zu erobern, indem Sie die Hälfte des CSS schrittweise entfernen und prüfen, ob es funktioniert.Ich habe diese lächerliche Lösung gefunden, aber sie hat bei mir sehr gut funktioniert :)
Ich habe gerade eine sehr lange Rowspan-Spalte wie diese eingefügt
und dann würde der Tisch nicht brechen.
quelle
Eine weitere Option: Platzieren Sie jede
tr
für sichtbody
und wenden Sie dann die CSS-Regeln für die Pausenunterbrechung auf die antbody
. Tabellen unterstützen mehreretbody
s.Ein bisschen extra Markup, funktioniert aber anständig für mich.
quelle
Ich habe das Problem mit einer Kombination einiger Lösungsvorschläge gelöst.
Ich habe meine Tabelle in ein div eingewickelt und das folgende CSS definiert.
Die Tabellenstruktur wurde nach Abschluss wie folgt definiert:
Ich musste kein Div innerhalb der td- oder th-Tags erstellen.
Wichtige Dinge, die mir beim Versuch, das Problem zu lösen, aufgefallen sind:
Ich hoffe das hilft.
quelle
Ich habe viel mit dem Problem zu kämpfen gehabt , indem ich die neueste h4cc / wkhtmltopdf-amd64-Version 0.12.4 verwendet habe und es schließlich zum Laufen gebracht habe , indem ich die Version des Pakets auf
0.12.3
! Herabgestuft habe !quelle
Um Seitenumbrüche zu vermeiden, können wir die Option "Seitenumbrüche vermeiden" verwenden.
Brechen Sie alle Inhalte (Bild / Text) und lassen Sie sie auf der nächsten Seite erscheinen
quelle
Hast du einen Tischkopf? und ein Tischkörper?
Das ist die richtige Formatierung einer Tabelle, während es die meisten Browser nicht weniger interessieren könnten, Konverter wie der von Ihnen erwähnte können, wenn Ihre fehlenden
<tbody>
oder<th>
Tags, ich schlage vor, Sie versuchen, diese zuerst hinzuzufügen.quelle