6行代码实现js打印表格

论坛 期权论坛 脚本     
匿名技术用户   2021-1-5 13:29   629   0

在业务中我们经常会遇到打印当前表格的需求,下面我们直奔主题。

首先我们要引一个js文件:

<script type="text/javascript" src="Js/jquery.jqprint-0.3.js"></script>

可以到我的百度网盘下载:链接:https://pan.baidu.com/s/1TV7BIrVEj6fg7fyHwVJJyA
提取码:x85j

接下来是代码部分

HTML,给button添加一个点击事件

<button type="button" class="btn btn-success" id="print" onclick=" print()" >打印</button>

js部分

  function print(){//点击打印按钮
      $("#tab").jqprint({//tab是要打印表格的id
        debug: false, //不用修改
        importCSS: true, //表格样式,默认
        printContainer: true, //默认
        operaSupport: false//不支持歌opera浏览器
      });   
  }

可以了,去试试效果吧。

我的文章对您有帮助吗,如果有的话可以微信请我吃根辣条吗? 点个赞也行

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP