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

Lodop分页打印每页显示页头页尾相关推荐

Asp.net(c#)GridView分页时用图片显示上一页,下一页
Asp.net(c#)GridView分页时用图片显示上一页,下一页效果展示: 需要的两张图片: 详细代码: Code <%@ Page Language="C#" ...
使用分页模板完成，显示上一页，下一页，第一页，最后一页，和当前第x页，共y页。
博客内容列表前台: <asp:GridView ID="GridView2" runat="server" AllowPaging="True& ...
Lodop横向打印，正向显示问题
LODOP.SET_PRINT_PAGESIZE(2, 0, 0, "A4"); --指定打印方向 0--可通过打印机选择纵向或横向,1--锁定为纵向打印,2---锁定为横向打印 ...
如何把课件ppt合并成6页显示在一页的pdf文件
用power point打开ppt文件,按下CTRL + P ,或者点击左上角"文件".再点击"打印",在打印页面,打印机选择"Microsoft P ...
在chrome Sources 页显示 Console(drawer) 页
转载于:https://www.cnblogs.com/yelaiju/p/9233803.html
vue+ts在线文档编辑(类腾讯文档)多人在线编辑-自定义页眉和分页打印（三）
目录前言一.自定义页眉内容二.分页文档打印 1.加入分页符 2.打印方法 3.打印模块完整代码总结前言随着在线办公场景越来越多,同时需要各式各样办公软件,在开发时就用得到在线文档来内容指定 ...
Lodop 分页详解，可详细了呢
首先我们在打印之前数据肯定是要准备好的,首先把标题题头等信息准备好,然后循环列表采用json串的方式,这样方便遍历和修改直接把list转换成json,然后赋值给一个对象的某个属性.这样前台就可以直 ...
c-lodop自定义分页打印
方式一: <div style='page-break-after: always;'></div> 今天因为要批量打印,而且好要分页打印,所以为了这个打印分页,我和同事在网上 ...
vue打印问题（分页打印、批量打印条形码）
前言项目需求打印功能所遇到的问题.在此记录,望能帮到你一下问题: 当内容超过一页时不会自动分页? 当使用vue3-barcode 打印条形码时,不能批量打印? 基础打印安装官网地址:https ...

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