前端js打印table出现断层(断页?分页?折行现象)怎么办

clipboard.png
情况如图所示,我获取了table内容进行打印,大概40多页, 会出现随机断层现象。有人遇到过吗?
chrome52以上的版本没问题,52以下兼IE会出问题

阅读 15.2k
5 个回答

用了上面一位评论者的css的属性page-break-after
然后,用了最蠢的方法,不断的测试一张A4纸的高度,然后每一页对应一个div设置成A4纸的高度,插入table,
然后同时要设置每个div第一行tr每个td的宽度,避免每张纸的每列宽度不一样
这样子打印出来不管横向和竖向,不管IE和chrome都可以正常显示了

clipboard.png

这个很正常吧, 页面你可以写height: 10000px
不间断, 但是打印除非缩印, 否则分页的时候肯定是要截取的.

css中有分页的概念,不知道对你有没有用

// css
.page-break {
    page-break-after:always; 
}

// html
page1
<div class="page-break"></div>
page2

添加这个CSS即可:

td { /* no line-breaks */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table
{
    border-collapse: collapse;
    border-spacing: 13;
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题