我目前正在尝试打印的表格存在一些问题,如果它有多于一页,在分页符上,其中的表格行将被裁剪。我已经尝试过使用table { page-break-inside:auto }
and tr { page-break-inside:avoid; page-break-after:auto }
,但都不起作用。
可能和我的css有冲突?
这是 Jsfiddle:jsfiddle 链接
将你的 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 。
那应该对你有用。
ref: https://www.w3.org/TR/css-print/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)