打印预览表堆叠不好？

Question

我有很多行的表。 sn-p 太长了，所以我提供了 jsfiddle 。基本上是 html 表格，有很多行，结构是

<table>
<thead>text here!</thead>
<tbody>
inside this is td with many tr structure, rowspan and colspan
</tbody>

我想要的是：

• 头总是出现在打印纸的顶部
• 我想自动对第一个 tr 进行分页（MODEL 作为起始 td）

我已经有了第一个问题的解决方案，但是为什么它看起来如此丑陋（下一张纸上有一些 td 有堆叠问题）并且进入了主题？我对此感到困惑......

如果可能的话，有没有分页的解决方案？我已经搜索了所有答案，但必须手动完成哪个 tr 应该在另一个页面上。但我想在 MODEL 的 start tr 上自动分页

谢谢，我知道我的问题很基本......但我真的卡在这里。

Answer 1

您可以尝试使用 CSS3 的 @page 属性来扩展页面

你的代码有点像这样

@media print {
@page {
size: 21cm 29.7cm;
margin: 30mm 45mm 30mm 45mm;
}
tr,td { page-break-before: always; }
}

希望对你有帮助！