js打印表格出现中断现象怎么处理

本文介绍了如何处理JS打印表格时遇到的CSS失效和分页中断问题。通过将样式内联到表格的js拼接语句中解决CSS失效,使用`page-break-after`属性拆分表格实现美观的分页效果,确保打印的值班签到表格每页显示12天的数据。
摘要由CSDN通过智能技术生成
前言

昨天静姐交给我一个打印的需求,开始想着导出到word在打印,后来洪肖哥说那样太麻烦,直接在页面上打印比较快,所以就有了这篇博客。
实现过程:
1. 查询数据库,前台得到json
2. 拼接表格
3. 打印

遇到的问题
  1. 打印预览css失效
  2. 一页打印不下,必须两个页面,但是第一个和第二个页面中间出现表格中断的现象,特别丑
解决方案

一、css失效的问题,我开始把样式写在了jsp上,但是表格是用js拼的,后来我把样式写在了拼接的语句中,就好了

二、将表格拆分成三个表格,因为我做的是值班签到表格,所以每一页有12天,分成三个表格,在使用下边的语句,做强制的分页处理,就解决了这个问题。

<div class=
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值