主页 M

js解决table打印被截断,每一页都增加表头,表格自动分行

2022-12-16 网页编程网 网页编程网

1.问题

当表格数据过多或者某个表格中字数太长,导致打印被强制截断,给每页table加表头。

2.法一在tabel中添加标签thead,tbody

代码如下:

<table>
<thead>
<tr>
<td>标题</td>
</tr>
</thead>
<tbody>
<tr>
<td>内容</td>
</tr>
</tbody>
</table>

效果如图:

3.法二给tabel标签添加css

切记这三个属性不可以加在tr和td上面,要加在table上。

table {
page-break-inside: avoid;
page-break-after: avoid;
page-break-before: avoid;
}

提示:请尽可能少地使用分页属性,并且避免在表格、浮动元素、带有边框的块元素中使用分页属性。

阅读原文
阅读 3728
123 显示电脑版