table打印报表一

来源:互联网 发布:实对称矩阵的特殊性质 编辑:程序博客网 时间:2024/04/28 04:12

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>