ITPub博客

首页 > IT职业 > IT生活 > 纯table标签的html打印注意事项

纯table标签的html打印注意事项

IT生活 作者:lrb1120 时间:2021-09-09 09:12:06 0 删除 编辑

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

图片描述 

FireFox:  Print -> Page Setup

图片描述

5.打印页面指定区域


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

上述代码仅适用于FireFox,IE下建议用css隐藏不需打印的内容 

完整示例代码:

html>

    
        
        html打印测试
        
    
    
        
                     
        
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          
                        

XXXX报表

                    
 序号  栏目1  栏目2  栏目3  栏目4 
 1  数据1  数据2  数据3  数据4 
 2  数据1  数据2  数据3  数据4 
 3  数据1  数据2  数据3  数据4 
 4  数据1  数据2  数据3  数据4 
 5  数据1  数据2  数据3  数据4 
 合计:    300.00  300.00 
    


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2146/viewspace-2800427/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-16

  • 博文量
    77
  • 访问量
    592