关于表格打印的一点思路
11/21/2025, 12:10:57 PM
#JavaScript#历史文章迁移
遇到有需要表格打印的业务,请教了一下公司其他人,发现处理方式就是运用window.print()。主要对于页面样式以及打印内容的处理,如下:
首先在需要打印的Table表中加入id="print",然后方法实现如下:
print=()=>{
let myDiv = 'print'
let printHtml = '<table style="font-size:9px" border="1" cellspacing="0" cellpadding="0">'+document.getElementById(myDiv).childNodes[0].childNodes[0].childNodes[0].childNodes[0].innerHTML+document.getElementById(myDiv).childNodes[0].childNodes[0].childNodes[1].childNodes[0].innerHTML+'<table/>'
let wind = window.open("",'newwindow', `height=${window.innerHeight}, width=${window.innerWidth}, top=0, left=0 , toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no`);
wind.document.body.innerHTML = printHtml;
wind.print();
return false;
}
printHtml就是整个打印时表格样式以及内容,然后利用window.open打开窗口,样式可根据自己需求来调,最后就是window.print()。