jqprint 打印分页

2023年1月2日 116次阅读 来源: 上善若水、 
<script type="text/javascript" src="./jquery.jqprint-0.3.js"></script>
<div id="div_print_area">
            @foreach ($data as $v)
            <div style="page-break-after:always;"></div>
               <div>
                   运单号:{
  {$v['waybill_num']}}
               </div>

            @endforeach
    </div>
      <button class="layui-btn" id="print" >打印</button>

   $(document).delegate("#print","click",function () {
        $("#div_print_area").jqprint({
            debug: false, //如果是true则可以显示iframe查看效果（iframe默认高和宽都很小，可以再源码中调大），默认是false
            importCSS: true, //true表示引进原来的页面的css，默认是true。（如果是true，先会找$("link[media=print]")，若没有会去找$("link")中的css文件）
            printContainer: true, //表示如果原来选择的对象必须被纳入打印（注意：设置为false可能会打破你的CSS规则）。
            operaSupport: true //表示如果插件也必须支持歌opera浏览器，在这种情况下，它提供了建立一个临时的打印选项卡。默认是true
        });
    })

要分页的结尾处加上

<div style="page-break-after:always;"></div>

在打印内容最前面加不会打印白纸

    原文作者：上善若水、
    原文地址: https://blog.csdn.net/weixin_45623066/article/details/122875958
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞