首页 > 编程语言 > 详细

javascript window.print()打印时固定表头,自动换页方案

时间:2015-11-19 18:20:47      阅读:609      评论:0      收藏:0      [点我收藏+]

 

1 自动换页打印

 1.1 css代码

<style media="print">      

   #print{display:none;}//隐藏按钮
        #close{display:none;}

  <!-- 自动换页 -->
        .pageLine {
            page-break-before: auto;
            page-break-after: always;
        }     

  <!-- 打印 -->
        @media print{
            INPUT { }
        }
    </style>

 

1.2  使用

  把要循环打印的内容放在下面<tbody>标签内,执行打印即可

  <tbody class="pageLine">

    打印页内容

  </tbody>

 

2 固定表头打印

  2.1 css 代码

  <style media="print">
        #print{display:none;}
        #close{display:none;}      
      
        @media print{
            INPUT { }
        }
    </style>

  2.2 使用

    2.2.1 将要固定的表头内容放在<thead>标签内

      <thead style=" :bold">

        固定的表头内容

      </thead>

    2.2.2 将要循环打印的内容放置在<tbody>标签内

      <tbody style="text- ">

        循环打印的内容

      <tbody>

    2.2.3 执行window.print()即可

javascript window.print()打印时固定表头,自动换页方案

原文:http://www.cnblogs.com/meditation-er/p/4978093.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!