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

 

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()即可