html表格打印重叠,html的table打印注意事项

本文介绍了HTML表格在打印过程中可能遇到的问题及解决方案,包括Firefox下表头和表尾重复打印,分页处理,隐藏不需要打印的区域,去除页面顶部网址,以及如何打印页面指定区域。提供了相应的CSS和JavaScript代码示例。
摘要由CSDN通过智能技术生成

1.在firefox下,每页均会打印重复thead(表头),tfoot(表尾)的内容;IE8下无效(其它IE版本未测试)

2.分页的处理

@media print {

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

}

在需要分页的tr上,加上该样式即可

3.隐藏某些不需要打印的区域

@media print {

.no-print { display: none; }

}

4.页面顶部网址之类的,如何去掉?

IE:  File -> Page Setup

fb143064a02036ce738a8ec811cbe05c.png

FireFox:  Print -> Page Setup

184b1dbc40d39b187416b7503def489a.png

5.打印页面指定区域

这是打印的内容
这里不需要打印

打印

function printTest(){

var ifrm = document.getElementById

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值