table打印报表一
2012-05-07 09:31
204 查看
http://lbk90032190.iteye.com/blog/532373
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns:v="http://www.eglic.com/">
<head>
<base href="http://localhost:8080/">
<title>打印</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<style>
v\:* {behavior:url(#default#VML);}
<!--
.datalist{
border:1px solid #0058a3; /* 表格边框 */
font-family:Arial;
border-collapse:collapse; /* 边框重叠 */
background-color:#eaf5ff; /* 表格背景色 */
font-size:10px;
width:100%;
}
.datalist td{
border:1px solid #0058a3; /* 单元格边框 */
text-align:center;
padding-top:1px; padding-bottom:1px;
padding-left:1px; padding-right:1px;
}
.datalist tr:hover, .datalist tr.altrow{
background-color:#c4e4ff; /* 动态变色 */
}
.innerTable {
border:0px;
}
.innerTable td{
border:0px;
padding:0px;
}
-->
</style>
<style media=print>
.Noprint{display:none;}
</style>
<script type="text/javascript">
$(document).ready(function() {
$('tr').addClass('odd');
$('tr:even').addClass('even'); //奇偶变色，添加样式
});
</script>
</head>
<body>
<center class="Noprint">
<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0> </OBJECT>
<input type=button value=打印 onclick="document.all.WebBrowser.ExecWB(6,1)">
<input type=button class="button_over" value=打印预览 onClick="document.all.WebBrowser.ExecWB(7,1);">
<input type=button class="button_over" value=页面设置 onclick=document.all.WebBrowser.ExecWB(8,1)>
<input type=button name=Button class="button_over" onClick=document.all.WebBrowser.ExecWB(4,1) value="另存为" />
</center>
<center class='centitl'>电力公司机关机动车统计表</center><table class=datalist>
<tr>
<td colspan=2 rowspan=3 id=line>
<table class=innerTable >
<tr>
<td>
</td>
<td align=right valign=top>
类型
</td>
</tr>
<tr>
<td align=left valign=bottom>
车型
</td>
<td>
</td>
</tr>
</table>
</td>
<td colspan=2>公务类</td>
<td colspan=25>生产类</td>
<td colspan=3>生活类</td>
<td rowspan=3>总计</td>
</tr>
<tr>
<td rowspan=2>办公用车</td>
<td rowspan=2>接待用车</td>
<td rowspan=2>调度</td>
<td colspan=9>用电</td>
<td colspan=5>输电</td>
<td rowspan=2>变电</td>
<td rowspan=2>配电</td>
<td rowspan=2>线路</td>
<td rowspan=2>检修</td>
<td rowspan=2>电缆</td>
<td rowspan=2>抢修</td>
<td rowspan=2>试验</td>
<td rowspan=2>路灯</td>
<td rowspan=2>油务</td>
<td rowspan=2>其它</td>
<td rowspan=2>班车</td>
<td rowspan=2>后勤服务</td>
<td rowspan=2>其他</td>
</tr>
<tr>
<td>报修</td>
<td>客服</td>
<td>业扩</td>
<td>电费核算</td>
<td>计量</td>
<td>检查及负控</td>
<td>社区、营业站、供电所</td>
<td>农电所</td>
<td>其他</td>
<td>检修</td>
<td>运行</td>
<td>抢修</td>
<td>带电作业中心</td>
<td>车队</td>
</tr>
<tr><td rowspan=7>小客车</td><td>桑塔纳小客车</td><td>1</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>1</td></tr>
<tr><td>奥迪A6小客车</td><td>2</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>2</td></tr>
<tr><td>广州本田雅阁小客车</td><td>13</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>13</td></tr>
<tr><td>捷达小客车</td><td>3</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>3</td></tr>
<tr><td>其他厂牌小客车</td><td>2</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>2</td></tr>
<tr><td>尼桑小客车</td><td>1</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>1</td></tr>
<tr><td>桑塔纳3000小客车</td><td>6</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>6</td></tr>
<tr><td rowspan=1>工程车</td><td>其他厂牌工程车</td><td>1</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>1</td></tr>
<tr><td rowspan=2>越野车</td><td>切诺基吉普车</td><td>1</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>1</td></tr>
<tr><td>其他厂牌越野车</td><td>1</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>1</td></tr>
<tr><td colspan=2>总计</td><td>31</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>31</td></tr>
</Table>
</body>
</html>
<script language="javascript">
var rows = document.getElementsByTagName('tr');
for (var i=0;i<rows.length;i++){
rows[i].onmouseover = function(){ //鼠标在行上面的时候
this.className += 'altrow';
}
rows[i].onmouseout = function(){ //鼠标离开时
this.className = this.className.replace('altrow','');
}
}
function findPosX(obj) {
var curleft = 0;
if (obj.offsetParent) { //返回父类元素，大多说offsetParent返回body
while (obj.offsetParent) {//遍历所有父类元素
curleft += obj.offsetLeft;//当前元素的左边距
obj = obj.offsetParent;
}
} else if (obj.x) curleft += obj.x;
return curleft;
}
function findPosY(obj) {
var curtop = 0;
if (obj.offsetParent) {
while (obj.offsetParent) {
curtop += obj.offsetTop;
obj = obj.offsetParent;
}
} else if (obj.y) curtop += obj.y;
return curtop;
}
var goal = document.getElementById("line");
var x1 = findPosX(goal);
var y1 = findPosY(goal);
var x2 = x1 + goal.clientWidth;
var y2 = y1 + goal.clientHeight;
var s='<v:line from="'+x1+','+y1+'" to="'+x2+','+y2+'" style="position:absolute;left:0px;top:0px;"></v:line>';
var o=document.createElement(s);
document.body.insertAdjacentElement('BeforeEnd',o);
</script>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns:v="http://www.eglic.com/">
<head>
<base href="http://localhost:8080/">
<title>打印</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<style>
v\:* {behavior:url(#default#VML);}
<!--
.datalist{
border:1px solid #0058a3; /* 表格边框 */
font-family:Arial;
border-collapse:collapse; /* 边框重叠 */
background-color:#eaf5ff; /* 表格背景色 */
font-size:10px;
width:100%;
}
.datalist td{
border:1px solid #0058a3; /* 单元格边框 */
text-align:center;
padding-top:1px; padding-bottom:1px;
padding-left:1px; padding-right:1px;
}
.datalist tr:hover, .datalist tr.altrow{
background-color:#c4e4ff; /* 动态变色 */
}
.innerTable {
border:0px;
}
.innerTable td{
border:0px;
padding:0px;
}
-->
</style>
<style media=print>
.Noprint{display:none;}
</style>
<script type="text/javascript">
$(document).ready(function() {
$('tr').addClass('odd');
$('tr:even').addClass('even'); //奇偶变色，添加样式
});
</script>
</head>
<body>
<center class="Noprint">
<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0> </OBJECT>
<input type=button value=打印 onclick="document.all.WebBrowser.ExecWB(6,1)">
<input type=button class="button_over" value=打印预览 onClick="document.all.WebBrowser.ExecWB(7,1);">
<input type=button class="button_over" value=页面设置 onclick=document.all.WebBrowser.ExecWB(8,1)>
<input type=button name=Button class="button_over" onClick=document.all.WebBrowser.ExecWB(4,1) value="另存为" />
</center>
<center class='centitl'>电力公司机关机动车统计表</center><table class=datalist>
<tr>
<td colspan=2 rowspan=3 id=line>
<table class=innerTable >
<tr>
<td>
</td>
<td align=right valign=top>
类型
</td>
</tr>
<tr>
<td align=left valign=bottom>
车型
</td>
<td>
</td>
</tr>
</table>
</td>
<td colspan=2>公务类</td>
<td colspan=25>生产类</td>
<td colspan=3>生活类</td>
<td rowspan=3>总计</td>
</tr>
<tr>
<td rowspan=2>办公用车</td>
<td rowspan=2>接待用车</td>
<td rowspan=2>调度</td>
<td colspan=9>用电</td>
<td colspan=5>输电</td>
<td rowspan=2>变电</td>
<td rowspan=2>配电</td>
<td rowspan=2>线路</td>
<td rowspan=2>检修</td>
<td rowspan=2>电缆</td>
<td rowspan=2>抢修</td>
<td rowspan=2>试验</td>
<td rowspan=2>路灯</td>
<td rowspan=2>油务</td>
<td rowspan=2>其它</td>
<td rowspan=2>班车</td>
<td rowspan=2>后勤服务</td>
<td rowspan=2>其他</td>
</tr>
<tr>
<td>报修</td>
<td>客服</td>
<td>业扩</td>
<td>电费核算</td>
<td>计量</td>
<td>检查及负控</td>
<td>社区、营业站、供电所</td>
<td>农电所</td>
<td>其他</td>
<td>检修</td>
<td>运行</td>
<td>抢修</td>
<td>带电作业中心</td>
<td>车队</td>
</tr>
<tr><td rowspan=7>小客车</td><td>桑塔纳小客车</td><td>1</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>1</td></tr>
<tr><td>奥迪A6小客车</td><td>2</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>2</td></tr>
<tr><td>广州本田雅阁小客车</td><td>13</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>13</td></tr>
<tr><td>捷达小客车</td><td>3</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>3</td></tr>
<tr><td>其他厂牌小客车</td><td>2</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>2</td></tr>
<tr><td>尼桑小客车</td><td>1</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>1</td></tr>
<tr><td>桑塔纳3000小客车</td><td>6</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>6</td></tr>
<tr><td rowspan=1>工程车</td><td>其他厂牌工程车</td><td>1</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>1</td></tr>
<tr><td rowspan=2>越野车</td><td>切诺基吉普车</td><td>1</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>1</td></tr>
<tr><td>其他厂牌越野车</td><td>1</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>1</td></tr>
<tr><td colspan=2>总计</td><td>31</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>31</td></tr>
</Table>
</body>
</html>
<script language="javascript">
var rows = document.getElementsByTagName('tr');
for (var i=0;i<rows.length;i++){
rows[i].onmouseover = function(){ //鼠标在行上面的时候
this.className += 'altrow';
}
rows[i].onmouseout = function(){ //鼠标离开时
this.className = this.className.replace('altrow','');
}
}
function findPosX(obj) {
var curleft = 0;
if (obj.offsetParent) { //返回父类元素，大多说offsetParent返回body
while (obj.offsetParent) {//遍历所有父类元素
curleft += obj.offsetLeft;//当前元素的左边距
obj = obj.offsetParent;
}
} else if (obj.x) curleft += obj.x;
return curleft;
}
function findPosY(obj) {
var curtop = 0;
if (obj.offsetParent) {
while (obj.offsetParent) {
curtop += obj.offsetTop;
obj = obj.offsetParent;
}
} else if (obj.y) curtop += obj.y;
return curtop;
}
var goal = document.getElementById("line");
var x1 = findPosX(goal);
var y1 = findPosY(goal);
var x2 = x1 + goal.clientWidth;
var y2 = y1 + goal.clientHeight;
var s='<v:line from="'+x1+','+y1+'" to="'+x2+','+y2+'" style="position:absolute;left:0px;top:0px;"></v:line>';
var o=document.createElement(s);
document.body.insertAdjacentElement('BeforeEnd',o);
</script>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Devexpress Xtrareport 打印报表
- 打印报表
- VB程序打印水晶报表的典型方法2
- 使用RSClientPrint直接打印本地RDLC报表
- 水晶报表横向打印BUG处理
- 打印水晶报表1
- VS2008的网页报表可以直接打印了
- 报表源代码 winform c# -基于DexExpressXtraReport的打印报表，后台生成报表，winform版本，采用C#语言封装，比金质通更强大，现在开放源代码 .
- 报表软件finereport7.0新增图片打印功能
- table借助css样式美化例子-人员汇总报表
- 将二维数组打印成table的模板函数
- 打印报表版本1.0
- JSP报表打印的一种简单解决方案
- 五种主流web报表工具的功能对比——批量打印
- [福利]Lua 打印table代码
- Winform 打印报表
- Tip - SQL报表打印的空白页问题
- 水晶报表之主从多表数据源批量预览及打印开发设计
- 6.4 高级报表打印方案
- 利用cobol 的occurs 表特性，打印分析 报表