我正在尝试使表格可打印,特别是在保持正确边框的同时,永远不要将<td>
条目分成两半。我正在尝试这个:
@media print {
table.print-friendly tr td, table.print-friendly tr th {
page-break-inside: avoid;
}
}
但是,这仍然会导致表数据缺少上边距或下边距的问题。实际上,我不确定它会做什么,因为没有它,表格会错过第一页上的最后一个边距。这里更容易用图片解释:
Plnkr here.所有相关内容都在index.html中 - 我认为您需要将其复制到记事本并在本地运行以测试打印。请注意,该代码中唯一相关的内容是<style>
定义和表类。
总结一下 - 我的目标是让桌子正确打破并保持打印上的边距。