table打印分页问题解决

本文介绍如何使用CSS调整表格样式,包括设置`border:none`、`page-break-inside:avoid`确保数据连续,以及`border`属性保持所有单元格边框一致性。通过`.checkprint-table`类实现了一个适合打印的表格,关注细节如宽度限制和特定列的左边界处理。
摘要由CSDN通过智能技术生成

1.table设置border: none;
2.tr设置page-break-inside:avoid;// 防止table数据太多,tr分页错乱
3.td设置border: 1px solid #000;// 防止部分分页的tr边框线没有

.checkprint-table {
margin-top:10px;
display: table;
width: 960px;
font-family: 仿宋 !important;
font-size: 22px;
text-align: left;
border: none;
border-top: 1px solid #000;
tr {
page-break-inside:avoid;
td {
border: 1px solid #000;
padding: 10px 2px 10px 10px;
line-height: 30px;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
word-break: break-all;
}
& > td:nth-child(1),& > td:nth-child(3) {
width: 220px;
min-width: 220px;
border-left: 1px solid #000;
}
& > td:nth-child(2) {
border-left:0;
}
&:nth-child(1) {
border-top: 1px solid #000;
}
}
}

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值