
1 |
|
2 | 1、JQuery插件Jqprint实现 |
3 | 2、JQery打印插件PrintArea实现网页打印 |
4 | 3、CSS控制网页打印样式 |
5 | <script src="jquery.min.js?v=2.1.4"></script> |
6 | <script src="jquery.jqprint-0.3.js"></script> |
7 | <script src="jquery-migrate-1.2.1.js"></script> |
8 | <script type="text/java script"> |
9 | $(function () { |
10 | //打印初始化 |
11 | $("#btnPrint").click(function () { |
12 | |
13 | $("#PrintArea").jqprint(); |
14 | }) |
15 | }) |
16 | </script> |
17 | <table class="table" style="border: 1px solid #ccc;" id="PrintArea"> |
18 | <thead> |
19 | <tr> |
20 | <th style="font-size: 16px;font-weight: 800;">打印内容</th> |
21 | |
22 | <th style="font-size: 16px;font-weight: 800;">打印内容</th><td>打印内容</td> |
23 | </tr> |
24 | </table> |
25 | 下载源码在本站资源栏目搜索(jqprint实现网页打印) |
26 |
|
1 | <button class="btn btn-primary" id="btnPrint">打印</button> |