打印预览表堆叠不良？

Question

我的桌子上有很多行。该代码段太长了，所以我提供了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的开始tr上自动进行分页

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

Answer 1

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

您的代码看起来像这样

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

希望有帮助！