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);

预览时显示

Lodop打印表格包含页眉和页码相关推荐

绘制pdf表格 (二) 通过itext实现在pdf中绘制excel表格样式设置中文字体、水印、logo、页眉、页码
前言在<通过itext实现在pdf中绘制excel表格样式并且实现下载>实现了表格的基本渲染,本文将继续进行水印.logo.页眉.页码的设置,本文的部分代码包含<通过itext实现 ...
js iframe 打印打印预览页眉页脚的设置
1.window.print方式: Html代码 //jsp页面打印按钮: <input type="button" value="打印" onclic ...
html中表格的页眉页脚,HTML 表格
1.表格和边框属性 Row 1, cell 1 Row 1, cell 2 2.表格的表头表头: Heading Another Heading row 1,cell1 row 1,cell2 ro ...
【js、vue-print-nb】js 在Chorme中打印页面去掉页眉页脚
js或者vue-print-nb插件在chorme调用打印是都会带上页眉页脚及时间. 在chorme中可以手动设置打印是否要页眉页脚,如果不想手动打印时设置可以参考用css 控制: 参考:http ...
Word页眉、页码的使用：利用分隔符设置指定页显示页眉，解决页码显示{PAGE \* MERGEFORMAT}问题
Word页眉.页码的使用:利用分隔符设置指定页显示页眉,解决页码显示{PAGE \* MERGEFORMAT}问题参考文章: (1)Word页眉.页码的使用:利用分隔符设置指定页显示页眉,解决页码显 ...
js 打印去掉页眉页脚页码_JavaScript_javascript实现window.print()去除页眉页脚，打印时去除页眉页页脚打印前 - phpStudy...
\\Software\\Microsoft\\Internet Explorer\\PageSetup\\"; var head,foot,top,bottom,left,right; va ...
lodop打印html包含图片,使用lodop.js打印控件打印table并分页等
使用lodop.js打印控件打印table并分页等 import {getLodop} from '@/utils/LodopFuncs.js' //打印表格 export default{ // n ...
原生js 打印以及自定义页眉页脚的一些感悟
最近遇到一些需求使用原生js进行打印,期间遇到很多困难,我过资料查找用了自己的一些方法解决,如果你有更好的解决办法欢迎评论区留言. 问题一打印元素父盒子设置了溢出隐藏,导致元素隐藏了,打印不完整. ...
LODOP有选择性显示页眉页脚
LODOP.ADD_PRINT_HTM("95%", "20px", "95%", "100%",arrays[1][& ...

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

Lodop打印表格包含页眉和页码相关推荐

最新文章

热门文章