html: <a style="float: right" οnclick="print()" type="button" class="layui-btn layui-btn-primary layui-btn-sm"> <i class="layui-icon layui-icon-print"></i> </a>
<table id="table_info">
<tr>
<td>1</td><td>2</td>
<td>3</td><td>4</td>
</tr>
</table>
js:
function print() { 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(); }