版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/fancheng614/article/details/82153641
今天看到公司的项目中有一个实现打印报表的功能,于是就百度了一下怎么实现的,其实很简单。这里主要记录两种方式:一是使用浏览器自带的打印;二是使用POI技术实现到处报表再进行打印。其实还有些插件可以实现在线编辑在线打印(就是网页上的一个富文本编辑框,这个富文本编辑框有打印功能)。
一、浏览器自带的打印功能:
打印内容(打印的内容是id为printdiv里面的内容):
<a onclick="windowprint();" href="javascript:void(0);">点击打印</a>
<div id="printdiv" style="display:none;">
<table id="tableid" class="main" cellspacing="0" cellpadding="0" border="1"
bordercolor="#000000" align="center" width="800px;">
/****** 这里写表格,或者其他任意的内容 ******/
</table>
</div>
实现打印的js:
//直接在本窗口进行打印
function windowprint() {
var f = document.getElementById("printdiv");
f.style.display = "";
window.print();
f.style.display = "none";
}
//新开一个窗口实现打印
function myPrint(obj){
var newWindow=window.open("打印窗口","_blank");
var docStr = obj.innerHTML;
newWindow.document.write(docStr);
newWindow.document.close();
newWindow.print();
newWindow.close();
}
二、使用POI技术导出报表进行打印
之前写过关于POI的使用:
可以看: