<div class="layui-inline">
<label class="layui-form-label">打印表格</label>
<table id="table_info">
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</div>
<div class="layui-inline">
<a id="printTable" class="layui-btn layui-btn-primary layui-btn-sm">
<i class="layui-icon layui-icon-print"></i>
</a>
</div>
<script language='javascript'>
//自定义打印table
$("#printTable").click(function () {
var v = document.createElement("div");
var f = ["<head>", "<style>", "body{font-size: 12px; color: #666;}", "table{width: 100%; border-collapse: collapse; border-spacing: 0;}", "th,td{line-height: 20px; padding: 9px 15px; border: 1px solid #ccc; text-align: left; font-size: 12px; color: #666;}", "a{color: #666; text-decoration:none;}", "*.layui-hide{display: none}", ".picture{ }", "</style>", "</head>"].join("");
$(v).append($("#table_info").html() + "</div>");
var h = window.open("Print_window", "_blank");
h.document.write(f + $(v).prop("outerHTML"));
h.document.close();
h.print();
h.close();
})
</script>
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！