js打印表头

来源:互联网 发布:世界知名软件开发商 编辑:程序博客网 时间:2024/05/16 23:32

<html>  
  <head> 
  <title>
  </title>
  <style type="text/css">
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312"/>  
  <title>emu's   sample   of   printing   with   title</title>  
  <style>  
  @media   screen{.onlyPrint{display:none}}  
  @media   print{.onlyShow{display:none}   .onlyPrint{page-break-before:always}}  
  </style>  
  <script  language="JavaScript" type="text/javascript">  
  <!--  
  //   这里定义每页能打印多少行  
  //模拟数据  
  function   prepare()  
  {  
  var   ar   =   new   Array()  
  for(var   i=parseInt(linesPerPage.value);i<(show.children.length-1); i+=parseInt(linesPerPage.value))  
  {  
  var tr=show.insertBefore(show.firstChild.cloneNode(true),show.children[i]);  
  tr.className="onlyPrint"  
  ar[ar.length]=tr;  
  }  
  preView();  
  for(var i=ar.length-1;i>-1;i--)
   show.deleteRow(ar[i].rowIndex)  
   }  
      function   pageSetup(){try{WB.ExecWB(8,1)}catch(e){alert("您的浏览器不支持此功能")
   }
  }  
  function   preView(){try{WB.ExecWB(7,1)}catch(e){alert("您的浏览器不支持此功能")}
 }  
  //-->  
  </script>  
  </head>  
  <body>  
  <OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"   height=0   id=WB   width=0   VIEWASTEXT></OBJECT>  
  <center   class="onlyShow">  
  设定每页打印<input   id="linesPerPage"   size="4"   value="10">行   &nbsp;   &nbsp;  
  <button   onclick='pageSetup()'>页面设置</button>  
  &nbsp;<button   onClick='prepare()'>打印预览</button><br/><br/>  
  </center> 
  <p  style=" text-align :center">dsfdsfdwf </p>
  <table   bgcolor="balck"   cellspacing="1"   cellpadding="3"   align="center">  
  <tbody   bgcolor="white"   id="show">  
  <tr>  
  <td>员工号</td><td>姓名</td><td>职务</td><td>部门</td><td>扣税</td><td>上月结余</td><td>实发工资</td><td>应发工资</td><td>应扣款</td></tr>  
  <tr><td>0009</td><td>sdfa</td><td>副总裁</td><td>技术部</td><td>150.57</td><td>0.0</td><td>3706.61</td><td>3857.18</td><td>150.57</td></tr>  
  <tr><td>1000</td><td>赵志燕</td><td>总裁</td><td>技术部</td><td>0.0</td><td>0.0</td><td>2204.98</td><td>2221.62</td><td>16.64</td></tr>  
  <tr><td>1001</td><td>赵志平</td><td>副总裁</td><td>金工车间</td><td>122.74</td><td>0.0</td><td>3599.18</td><td>3739.52</td><td>140.33</td></tr>  
  <tr><td>1002</td><td>赵志勇</td><td>副总裁</td><td>生产部</td><td>324.6</td><td>0.0</td><td>5532.95</td><td>5857.56</td><td>324.6</td></tr> 
  <tr><td>1003</td><td>赵志华</td><td>副总裁</td><td>质量管理部</td><td>859.69</td><td>0.0</td><td>11155.8</td><td>12016.21</td><td>860.41</td></tr>  
  <tr><td>1004</td><td>赵志强</td><td>总经理</td><td>注塑班</td><td>726.58</td><td>0.0</td><td>9757.66</td><td>10484.84</td><td>727.18</td></tr>  
  <tr><td>1005</td><td>赵小燕</td><td>副总经理</td><td>计划调度室</td><td>8.98</td><td>0.0</td><td>2036.64</td><td>2045.62</td><td>8.98</td></tr>  
  <tr><td>1006</td><td>赵小平</td><td>副总经理</td><td>采购部</td><td>125.02</td><td>0.0</td><td>3438.49</td><td>3563.52</td><td>125.02</td></tr>   
 
   </tbody>  
  </table>  
  </body>  
  </html>  

原创粉丝点击