根据公司需求,从客户动态创建表开始,然后从Excel中将数据导入到动态的表中,最后到用户前台调用查询,返回结果集,打印该结果集,所以最后使用打印功能,很简单只是调用window.print()的JS 即可。
下面直接上代码,直接修改一下就可以使用。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="jquery.js"></script>
<style>
table{width:800px;border:1px solid red;}
td{width:200px;height:40px;}
</style>
</head>
<body>
<div style=" width:100%;text-align: center; margin:10px auto;">
<table>
<tr>
<td >科目:</td>
<td >语文</td>
<td >成绩:</td>
<td >80</td>
</tr>
<tr>
<td >科目:</td>
<td >语文</td>
<td >成绩:</td>
<td >80</td>
</tr>
<tr>
<td >科目:</td>
<td >语文</td>
<td >成绩:</td>
<td >80</td>
</tr>
<tr>
<td >科目:</td>
<td >语文</td>
<td >成绩:</td>
<td >80</td>
</tr>
</table>
</div>
<div id="printbtn" style=" width:100%;text-align: center; margin:10px auto;">
<input id="btnPrint" value="打印" style=" width:50px; height:22px; font-size:16px;" type="button">
</div>
<script type="text/javascript">
function doPrint() {
window.print();
}
$(function () {
//打印
$("#btnPrint").bind("click", function (event) {
doPrint();
});
});
</script>
</body>
</html>