当前位置: 移动技术网 > IT编程>开发语言>JavaScript > Lodop打印表格包含页眉和页码

Lodop打印表格包含页眉和页码

2020年07月22日  | 移动技术网IT编程  | 我要评论
// 定义的样式字符串
let styleClass=`<style>
tr, td {
padding: 0px;
margin: 0px;
text-align: center;
word-break:break-all;
}
</style>`
// 定义变量打印的内容区域的表格高度不同
let height = '180mm'
if(this.dataObj.info.curType.id === 1) {
height = '765px'
} else if (this.dataObj.info.curType.id === 2) {
height = '760px'
} else if (this.dataObj.info.curType.id === 3) {
height = '765px'
} else if (this.dataObj.info.curType.id === 4) {
height = '760px'
}
LODOP.SET_PRINT_PAGESIZE(1,'100%',"100%","A4"); // 设定纸张大小(打印方向及纸张类型,数字型, 设定自定义纸张宽度,整数或字符型, 固定纸张时设定纸张高, 所选纸张类型名,字符型)
LODOP.ADD_PRINT_HTM(0, '1%', "94%",'25mm',document.getElementById("页眉ID").innerHTML+ styleClass); // 增加超文本打印项(普通模式)(打印项在纸张内的上边距, 打印项在纸张内的左边距, 打印区域的宽度, 打印区域的高度)均可为整数或字符型,整数时缺省长度单位为px
LODOP.SET_PRINT_STYLEA(0, "ItemType", 1); // (增强型) 设置打印项风格A,继承SET_PRINT_STYLE的所有属性(要设置的目标项序号或项目名, 打印风格名, 打印风格值)
LODOP.ADD_PRINT_TABLE('25mm', '1%', "99%", height,document.getElementById("内容ID").innerHTML+ styleClass); // 增加表格打印项(超文本模式)(表格数据头(页头thead)在纸张内的上边距, 表格数据头(页头thead)在纸张内的左边距, 打印区域的宽度, 表格数据体(tbody)区域的高度, 超文本代码内容,字符型,未限制长度)
LODOP.ADD_PRINT_HTM('262mm', '3%', "94%", '35mm',document.getElementById("页脚ID").innerHTML);
LODOP.SET_PRINT_STYLEA(0,"ItemType",1);
LODOP.SET_SHOW_MODE("LANDSCAPE_DEFROTATED",1); // 设置显示模式(显示模式的名称, 显示模式的值)
LODOP.ADD_PRINT_HTM("282mm","48%","200mm",100,"<font color='#000'><span tdata='pageNO'>第##页</span>/<span tdata='pageCount'> 共##页</span></font>"); // 打印页码
LODOP.SET_PRINT_STYLEA(0,"ItemType",1); 
LODOP.SET_PRINT_STYLEA(0,"Horient",1);

预览时显示
在这里插入图片描述

本文地址:https://blog.csdn.net/liu18130617928/article/details/107490503

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网