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

// 定义的样式字符串
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