打印时{h}表打破行

Question

我目前在桌子上遇到一些问题我试图打印，如果它有多个页面，在分页符上，那里的表格行被裁剪。我已经尝试过使用table { page-break-inside:auto }和tr { page-break-inside:avoid; page-break-after:auto }，但都没有效果。

这可能与我的CSS有冲突吗？

以下是Jsfiddle：Jsfiddle link

Answer 1

将CSS更改为此

 @media print {

  table.report { page-break-after:auto }
  table.report tr    { page-break-inside:avoid; page-break-after:auto }
  table.report td    { page-break-inside:avoid; page-break-after:auto }
  table.report thead { display:table-header-group }
  table.report tfoot { display:table-footer-group }
 }

并删除所有额外的

<tbody>...</tbody>

，你应该只有一个

<tbody></tbody>

和之间的所有tr。

应该适合你。

参考：https://www.w3.org/TR/css-print/