Lodop分页打印每页显示页头页尾

比眉伴天荒 2023-10-06 15:14 10阅读 0赞

## Lodop分页打印页头页尾问题 ##

### 1. Lodop页头页尾打印标签 ###

**1.1 caption标签**:caption标签的内容只显示在首页

**1.2 thead标签:** 页头标签, 此标签的内容为页头, 显示在每页的顶部

**1.3 tbody标签:** 内容体标签, 此标签的内容为内容体

**1.4 tfoot标签:** 页尾标签, 显示在每页的底部

#### 标签实例代码: ####

<div id="div2">
    <style>table,th{
         border:none;height:18px} td{
         border: 1px solid #000;height:18px}</style>
    
    <table border=0 cellSpacing=0 cellPadding=0  width="100%" height="200" bordercolor="#000000" style="border-collapse:collapse">
    <caption><b><font face="黑体" size="4">产品入库汇总清单</font></b><br>(Caption内容只在首页)</caption>
    <thead>
      <tr>
        <th width="33%">日期：</th>
        <th width="67%" colspan="2">部门名称:</th>
      </tr>
      <tr>
        <td width="33%"><b>入库单编号</b></td>
        <td width="33%"><b>产品名称</b></td>
        <td width="32%"><b>数量</b></td>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td width="33%">1</td>
        <td width="33%">产品A</td>
        <td width="34%">100</td>
      </tr>
      <tr>
        <td width="33%">2</td>
        <td width="33%">产品B</td>
        <td width="34%">200</td>
      </tr>
      <tr>
        <td width="33%">3</td>
        <td width="33%">产品C</td>
        <td width="34%">300</td>
      </tr>
        <tr>
        <td width="33%">4</td>
        <td width="33%">产品D</td>
        <td width="34%">400　</td>
      </tr>
      <tr>
        <td width="33%">5</td>
        <td width="33%">产品E</td>
        <td width="34%">500</td>
      </tr>
        <tr>
        <td width="33%">6</td>
        <td width="33%">产品F</td>
        <td width="34%">600</td>
      </tr>
      <tr>
        <td width="33%">7</td>
        <td width="33%">产品J</td>
        <td width="34%">700</td>
      </tr>
        <tr>
        <td width="33%">8</td>
        <td width="33%">产品H</td>
        <td width="34%">800</td>
      </tr>
      <tr>
        <td width="33%">9</td>
        <td width="33%">产品I</td>
        <td width="34%">900</td>
      </tr>
        <tr>
        <td width="33%">10</td>
        <td width="33%">产品J</td>
        <td width="34%">110</td>
      </tr>
      <tr>
        <td width="33%">11</td>
        <td width="33%">产品K</td>
        <td width="34%">120</td>
      </tr>
        <tr>
        <td width="33%">12</td>
        <td width="33%">产品L</td>
        <td width="34%">130</td>
      </tr>
      <tr>
        <td width="33%">13</td>
        <td width="33%">产品M</td>
        <td width="34%">140</td>
      </tr>
      <tr>
        <td width="33%">14</td>
        <td width="33%">产品N</td>
        <td width="34%">150</td>
      </tr>
    </tbody>
    <tfoot>
      <tr>
        <th width="100%" colspan="3"><b>经办人：</b></th>
      </tr>
      <tr>
        <th width="100%" colspan="3">　</th>
      </tr>
      <tr>
        <td width="100%" colspan="3"><b>带格线的每页备注：</b></td>
      </tr>
    </tfoot>
    </table>
    </div>

注:colspan为单元格数, 宽度拥有单元个数

Lodop可自动分页, 设定好页面的大小和tbody的大小, 打印时即可自动分页,

<th width="100%" colspan="12" style="text-align:center;height:auto;" tindex="1">第<font tdata="PageNO"  color="blue">##</font>页/共<font tdata="PageCount"  color="blue">##</font>页</th>

#### 示例效果:![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FzeHl4eHg_size_16_color_FFFFFF_t_70_pic_center] ####

### 2. 常用的Lodop打印函数 ###

#### 2.1 常用的Lodop打印函数 ####

<table> 
 <thead> 
  <tr> 
   <th>●</th> 
   <th>PRINT_INIT(strPrintTaskName)打印初始化</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>●</td> 
   <td>SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeight,strPageName)设定纸张大小</td> 
  </tr> 
  <tr> 
   <td>●</td> 
   <td>ADD_PRINT_HTM(intTop,intLeft,intWidth,intHeight,strHtml)增加超文本项</td> 
  </tr> 
  <tr> 
   <td>●</td> 
   <td>ADD_PRINT_TEXT(intTop,intLeft,intWidth,intHeight,strContent)增加纯文本项</td> 
  </tr> 
  <tr> 
   <td>●</td> 
   <td>ADD_PRINT_TABLE(intTop,intLeft,intWidth,intHeight,strHtml)增加表格项</td> 
  </tr> 
  <tr> 
   <td>●</td> 
   <td>ADD_PRINT_SHAPE(intShapeType,intTop,intLeft,intWidth,intHeight,intLineStyle,intLineWidth,intColor)画图形</td> 
  </tr> 
  <tr> 
   <td>●</td> 
   <td>SET_PRINT_STYLE(strStyleName, varStyleValue)设置对象风格</td> 
  </tr> 
  <tr> 
   <td>●</td> 
   <td>PREVIEW打印预览</td> 
  </tr> 
  <tr> 
   <td>●</td> 
   <td>PRINT直接打印</td> 
  </tr> 
  <tr> 
   <td>●</td> 
   <td>PRINT_SETUP打印维护</td> 
  </tr> 
  <tr> 
   <td>●</td> 
   <td>PRINT_DESIGN打印设计</td> 
  </tr> 
 </tbody> 
</table>

#### **2.2 函数的使用方法:** ####

var LODOP; //声明为全局变量
    var iRadioValue=1;
    function PrintOneURL(){
        
        LODOP=getLodop();  
        LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_按网址打印表格");
        LODOP.ADD_PRINT_TBURL(46,10,800,300,document.getElementById("T1").value);
        LODOP.SET_PRINT_STYLEA(0,"HOrient",3);
        LODOP.SET_PRINT_STYLEA(0,"VOrient",3);
        LODOP.PREVIEW();			
    };	
    function PreviewMytable(){
        
        LODOP=getLodop();  
        LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_预览打印表格");
        LODOP.ADD_PRINT_TABLE(100,5,500,280,document.getElementById("div1").innerHTML);
        LODOP.SET_PRINT_STYLEA(0,"TableHeightScope",iRadioValue);		
        LODOP.PREVIEW();
    };	
    function DesignMytable(){
        
        LODOP=getLodop();  
        LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_打印设计表格");
        LODOP.ADD_PRINT_TABLE(100,5,500,280,document.getElementById("div1").innerHTML);
        LODOP.SET_PRINT_STYLEA(0,"TableHeightScope",iRadioValue);		
        LODOP.PRINT_DESIGN();
    };		
    function PrintInFullPage(){
        
        LODOP=getLodop();  
        LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_整页表格");
        LODOP.SET_PRINT_PAGESIZE(2,0,0,"A4");	
        LODOP.ADD_PRINT_TABLE("2%","1%","96%","98%",document.getElementById("div1").innerHTML);
        LODOP.SET_PREVIEW_WINDOW(0,0,0,800,600,"");
        LODOP.PREVIEW();				
    };	
    function PrintNoBorderTable(){
        
        LODOP=getLodop();  
        LODOP.PRINT_INIT("打印控件功能演示_Lodop功能_无边线表格");
        LODOP.ADD_PRINT_TABLE(50,10,"50%",220,document.getElementById("div2").innerHTML);
        //LODOP.SET_PRINT_STYLEA(0,"Top2Offset",-40); //这句可让次页起点向上移
        LODOP.ADD_PRINT_HTM(2,0,"50%",200,"<body style='margin-top:0'>表格后面用<font color=blue>ADD_PRINT_HTM</font>附加其它备注</body>");
    
        LODOP.SET_PRINT_STYLEA(0,"LinkedItem",-1);
        LODOP.PREVIEW();
    };		
    function check(thisValue){
        
        iRadioValue=thisValue;
    }

参考链接(LODOP官网): http://www.lodop.net/LodopDemo.html

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FzeHl4eHg_size_16_color_FFFFFF_t_70_pic_center]: https://img-blog.csdnimg.cn/20201102100952908.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FzeHl4eHg=,size_16,color_FFFFFF,t_70#pic_center