Ich habe ein Projekt, bei dem eine HTML-Tabelle mit vielen Zeilen gedruckt werden muss.
Mein Problem ist die Art und Weise, wie die Tabelle über mehrere Seiten gedruckt wird. Manchmal wird eine Zeile in zwei Hälften geschnitten, so dass sie nicht mehr lesbar ist, weil eine Hälfte am Rand einer Seite liegt und der Rest oben auf der nächsten Seite gedruckt wird.
Die einzige plausible Lösung, die ich mir vorstellen kann, ist die Verwendung von gestapelten DIVs anstelle einer Tabelle und erzwingen Seitenumbrüche, wenn nötig... aber bevor ich die ganze Änderung durchlaufe, dachte ich, ich könnte hier vorher fragen.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test</title>
<style type="text/css">
table { page-break-inside:auto }
tr { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }
</style>
</head>
<body>
<table>
<thead>
<tr><th>heading</th></tr>
</thead>
<tfoot>
<tr><td>notes</td></tr>
</tfoot>
<tbody>
<tr>
<td>x</td>
</tr>
<tr>
<td>x</td>
</tr>
<!-- 500 more rows -->
<tr>
<td>x</td>
</tr>
</tbody>
</table>
</body>
</html>
Hinweis: Bei der Verwendung von page-break-after:always für den