Jquery- Jqprint实现网页打印功能
来源:互联网 发布:网络教育网络统考 编辑:程序博客网 时间:2024/06/07 11:55
Html部分:
<div id="test">
<style type="text/css">
.tt tr td{
font-size: 12px;
}
</style>
<h3 class="text-center">标题</h3>
<table class="table table-bordered table_detail" style="margin-top: 30px;">
<tbody class="tt">
</tbody>
</table>
</div>
<import file="lib.js.jquery#jqprint" />
<script type="text/javascript">
$(document).on("click","#print",function(){ //控制按钮。
$("#test").show();
$("#test").jqprint();
$("#test").hide();
});
</script>
如果要实现手动分页:在要分页的结尾处加上<div style="page-break-after:always;"></div>
<div id="test">
<style type="text/css">
.tt tr td{
font-size: 12px;
}
</style>
<h3 class="text-center">标题</h3>
<table class="table table-bordered table_detail" style="margin-top: 30px;">
<tbody class="tt">
</tbody>
</table>
</div>
<button type="button" class="btn btn-info btn-sm" id='print'><i class="fa fa-print"></i> 打印</button>
<import file="lib.js.jquery#jqprint" />
<script type="text/javascript">
$(document).on("click","#print",function(){ //控制按钮。
$("#test").show();
$("#test").jqprint();
$("#test").hide();
});
</script>
如果要实现手动分页:在要分页的结尾处加上<div style="page-break-after:always;"></div>
阅读全文
0 0
- Jquery Jqprint—借助Jquery Jqprint实现网页打印功能
- Jquery- Jqprint实现网页打印功能
- jQuery-jqprint实现打印功能
- 利用JQuery jqprint实现打印功能
- jquery.jqprint.js 实现打印
- jQuery打印插件JQPRINT
- jQuery打印插件jqprint
- jQuery打印插件jqprint
- jQuery打印插件JQPrint
- jQuery打印插件jqprint
- 使用jquery.jqprint.js 实现的打印功能,IE9不能进行打印预览、火狐打印空白界面
- JQPRINT-不错的jquery打印插件
- jquery的一个打印插件jqPrint
- jquery.jqprint-0.3.js打印页面
- 简单的jQuery.jqprint插件实现打印HTML页面,页面导出为PDF文件
- html 页面实现打印(jqprint)
- 网页中实现打印功能
- 网页上实现打印功能
- 卡尔曼滤波原理二:扩展卡尔曼
- HTML+Bootstrap实现类似CSDN博客页面
- 【Hibernate】(六)关联映射之一对一映射
- Java设计模式——桥接模式
- 流行开源项目收集
- Jquery- Jqprint实现网页打印功能
- HDU
- 2017中国大学生程序设计竞赛
- UIButton setImage 按钮无法显示图片的问题
- nginx 配置https
- Hash索引和BTree索引
- 多校赛第七场1010 Just do it
- xstream
- 谈谈对Spring IOC的理解