Web开发-Lodop打印控件实践

最新推荐文章于 2024-08-05 17:29:17 发布

举世武双

最新推荐文章于 2024-08-05 17:29:17 发布

阅读量690

点赞数

分类专栏： Java-Web 文章标签： lodop打印 web开发 js

本文链接：https://blog.csdn.net/qq_33721382/article/details/110235154

版权

本文介绍了Web开发中常用的Lodop打印控件，它以插件形式工作，支持通过CSS调整布局。重点讲解了如何使用LODOP.ADD_PRINT_TABLE()方法打印Table数据，并提供示例JS代码，强调Lodop的JS-API技术文档对于提升开发效率的重要性。还给出了Lodop官网和实际源码的下载链接。

摘要由CSDN通过智能技术生成

Web开发，我们常常会用到打印的功能。

Lodop是Web开发常用的打印组件，方便快捷！！

废话少说，直接上效果图。

lodop在浏览器中以插件的形式出现，用简单一行语句就把整个网页打印出来，支持通过CSS来调整布局。

打印Table表格数据，使用LODOP.ADD_PRINT_TABLE()方法。

- 当打印分页时，每一页都有表头。

样例JS代码如下（几十行代码即可实现打印功能）：

function print() {
    var headHtml = document.getElementsByTagName("head")[0].innerHTML;
    var printHtml = $("#print").html();
    var html = '<head>' + headHtml + '</head><body>' + printHtml + '</body>';

    LODOP.SET_PRINT_MODE("PRINT_PAGE_PERCENT", "Width:90%");
    // 表头
    LODOP.ADD_PRINT_TEXT('2mm', '50%', 300, 100, "XXXXX打印标题