lodop打印html包含图片,使用lodop.js打印控件打印table并分页等

这篇博客介绍了如何使用lodop.js打印控件来打印含有图片的HTML表格,并实现分页功能。通过克隆表格、设置样式、初始化打印配置、添加表格和页码内容,最终实现打印或预览。示例代码详细展示了整个流程。
摘要由CSDN通过智能技术生成

使用lodop.js打印控件打印table并分页等

import {getLodop} from '@/utils/LodopFuncs.js'

//打印表格

export default{

// num 打印还是打印预览 conData 对象形式 传入需要的值 自定义 (自己添加的属性要在下面备注)

// conData title 标题 OrgName科室名字

lodopTable:function(num,conData){

//原始table

var table = document.getElementsByClassName("tablePrin")[0]

var thead = table.getElementsByTagName("thead")[0]

var tbody = table.getElementsByTagName("tbody")[0]

var clnThead = thead.cloneNode(true)

var clnTbody = tbody.cloneNode(true)

document.getElementsByClassName("colneTable")[0].appendChild(clnThead)

document.getElementsByClassName("colneTable")[0].appendChild(clnTbody)

var printTable = document.getElementsByClassName("printTable")[0]

var printTableTbody = printTable.getElementsB

Lodop打印需要的LodopFuncs.js已测试可使用 Lodop是什么? 有人说她是Web打印控件,因为她能打印、在浏览器中以插件的形式出现,用简单一行语句就把整个网页打印出来; 有人说她是打印编程接口,因为她介于浏览器和打印设备之间,是个通道和桥梁,几乎能想到的打印控制事项都能做到; 有人说她是JavaScript的扩展,因为她所有功能就那么几个语句,和JS语法一样,一看就明白个究竟; 有人说她是报表打印工具,因为那个add_print_table语句把报表统计的那点事弄了个明明白白; 有人说她是条码打印工具,因为用了她再也不用后台生成条码图片了,前端一行指令就动态输出清晰准确的条码,一维二维都行; 有人说她是图表打印工具,因为用她能输出几乎能想象的任何图表,虽然没那么豪华,但什么饼图、折线图、柱图甚至复合图等等都不在话下; 有人说她是个小玩意,因为她体积太小了,才2M多,她所包含的其中任何一个对照工具都是她的好几倍(例如条码打印控件、图表控件等); 有人说她是套打教案,因为以Lodop+JS实现套打这种模式,在网上已被吵吵为教科书般的解决方案; 有人说她是Web打印控件的“终结者”,因为接触“她”后再不想别的“她”; 有人说她就是一个Web编程小工具,因为有了她,在BS下的打印终于像cs下那种随意而高效了; 但我们说,她是全国1000多家软件公司的智慧结晶,诞生7年了,几乎每个功能细节都蕴藏着无数开发者的期待和汗水; 她就是Lodop,没有别的名称,她是web开发的必选伴侣...
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值