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

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>

示例效果:在这里插入图片描述

2. 常用的Lodop打印函数

2.1 常用的Lodop打印函数

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

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

  • 0
    点赞
  • 0
    收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:编程工作室 设计师:CSDN官方博客 返回首页
评论 2

打赏作者

蠢死的脑细胞

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值