关于window.print网页分页换页table不断行的处理

在打印的时候，如果数据多，div又是一整个，table过长，就会导致断行出现，这个要怎么改呢。

.avoidBreak { 
    border: 2px solid;
    page-break-inside:avoid;
}

JS:

function Print(){
    $(".tableToPrint td, .tableToPrint th").each(function(){ $(this).css("width",  $(this).width() + "px")  });
    $(".tableToPrint tr").wrap("
");
    window.print();
}

原帖子：

https://stackoverflow.com/questions/1763639/how-to-deal-with-page-breaks-when-printing-a-large-html-table

这样子就不会断行了。

 

最普遍的方法是定义每个td的高度，或者用插件设置一个分页高度，或者自己加一个判断判断分页高度。

 

 

 

修改打印上下边距：

 

@media print {body {margin-top: 50mm; margin-bottom: 50mm;margin-left: 0mm; margin-right: 0mm}}

参考：html – 用于在CSS中打印的页边距 - 脚本之家 https://www.jb51.cc/html/225774.html