Mic*_*non 5 html css printing pdf html-table
我正在使用 FlyingSaucerPDF 打印 HTML 表格，其中第一列中的单元格可以跨越大量可能被页面破坏的行。当它被一页打破时，我想在下一页上重复该行跨越单元格，这样读者就可以在任何相关的页面上看到该详细信息，就像预重复的 THEAD 一样。
这是我正在使用的布局的示例
<html>
<head>
<style>
.header {
position: running(header);
}
.footer {
display: block; text-align: center;
position: running(footer);
}
.content {
page-break-after: always;
}
@page {
@top-center { content: element(header); }
}
@page {
@bottom-center { content: element(footer) }
}
table { -fs-table-paginate: paginate; }
</style>
</head>
<body>
<div class='header'>Header</div>
<div class='footer'>Footer</div>
<div class='content'>
<table border="1">
<thead>
<tr><th colspan="2">spanning cols</th></tr>
<tr>
<th>a</th>
<th>b</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="60" style="-fs-table-cell-rowspan:60">spanning rows</td>
<td>B</td>
</tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
<tr><td>B</td></tr>
</tbody>
</table>
</div>
</body>
</html>