`

html报表打印

阅读更多







<!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>

0
1
分享到:
评论

相关推荐

    HTML实现打印简单报表(轻量级)

    在网页中实现简单的报表打印,通常是通过...通过以上步骤,可以创建一个轻量级的HTML报表打印功能,同时确保了代码的简洁性和良好的用户体验。这个方法适用于那些需要快速实现打印功能且不想引入大量外部库的小型项目。

    Html报表示例,WebBrowser打印

    HTML报表是一种常见的数据展示方式,尤其在网络应用中广泛使用。WebBrowser控件是Windows应用程序中用于在窗口内呈现网页内容的工具,它允许用户在桌面应用中浏览和操作HTML内容,就像在一个网络浏览器中一样。这个...

    超级报表打印控件

    在【久久站长站-首页.html】这个文件中,可能包含了使用超级报表打印控件的示例、教程或者资源链接,可以帮助开发者了解如何在实际项目中应用此类控件。而文件【2006379481763】可能是控件的安装包、API文档或其他...

    aa.rar_html_html 报表_web 打印_报表打印

    "aa.rar_html_html 报表_web 打印_报表打印"这个标题暗示了我们正在讨论一个与HTML、Web报表以及打印相关的压缩包文件,其中可能包含了实现Web报表打印的详细方案或指南。下面我们将深入探讨这些关键知识点。 首先...

    JavaWeb开发技术方案宝典--报表打印方案(报表打印方案要点代码)

    在JavaWeb开发中,报表打印是一项关键任务,它涉及到数据的可视化展示以及用户对数据的交互。本方案宝典着重探讨了如何在JavaEE环境中高效地实现报表打印,旨在为开发者提供一系列实用的技术选择和最佳实践。以下是...

    报表打印模块

    报表打印模块是企业信息化系统中的重要组成部分,它主要用于将数据以可视化的方式呈现出来,以便用户进行分析、决策或汇报。在本教程中,我们将深入探讨报表打印模块的设计与实现,重点涉及使用JavaServer Pages...

    Web打印的解决方案之普通报表打印

    对于普通报表打印,关键在于如何正确地控制元素的显示、隐藏,以及调整打印样式以匹配报表的需要。随着技术的发展,未来的Web打印解决方案可能会更加依赖于前端框架和库,以提供更强大、更一致的跨浏览器打印体验。

    开源报表打印组件JasperReports用法详解

    ### 开源报表打印组件JasperReports用法详解 #### JasperReports概述 JasperReports是一款功能强大的开源报表打印组件,属于开源代码组织SourceForge.net中的一个Java报表打印项目。它能够生成多种格式的报表,...

    报表打印 代码 报表打印 代码

    根据给定的信息,我们可以从标题、描述以及部分代码内容中提炼出有关报表打印代码的关键知识点。下面将对这些知识点进行详细的解析。 ### 关键知识点一:报表打印功能实现 报表打印是很多应用软件中的一项重要功能...

    水晶报表ActiveX 打印(web打印)解决方法

    如果问题持续,可以考虑寻找替代的打印解决方案,如使用HTML5的打印功能。 3. **服务器部署后一闪而过**:这种情况通常发生在服务器端渲染报表后,JavaScript代码尝试打开打印对话框,但由于网络延迟或JavaScript...

    java项目实用模块-报表打印

    在Java项目开发中,报表打印是一项关键功能,它涉及到数据的整理、格式化以及呈现。本模块提供了实用的代码示例,旨在帮助开发者在实际项目中实现高效且灵活的报表打印。下面将详细探讨该模块涉及的核心知识点。 1....

    WEB应用中报表打印的实现

    总结来说,Web应用中的报表打印实现主要依赖于服务器端的技术,通过生成HTML或模拟Word文档的方式,借助浏览器的打印功能。然而,这种方式对于复杂的报表设计和样式控制可能不够灵活。使用专门的报表工具可以提高...

    利用XML实现通用WEB报表打印

    综上所述,利用XML实现通用WEB报表打印的过程主要包括:定义XML结构(通过DTD或XML Schema),编写XML数据,使用XML解析器读取数据,应用XSLT转换数据为HTML,以及通过JavaScript和CSS增强用户体验。这样的方法使得...

    WEB报表打印到PDF

    标题中的“WEB报表打印到PDF”指的是在网页中展示的报表转换为PDF格式的技术,这在数据呈现和分享中十分常见。PDF(Portable Document Format)文件格式能够保持文档的原始布局和格式,使得用户无论在何种设备或操作...

    报表预览及打印源码

    2. rptprint.prg:这是一个程序文件,可能包含了报表打印的逻辑代码。它可能处理了打印设置、数据绑定、页面布局和实际打印任务的触发。在某些编程环境中,如FoxPro,.PRG文件是源代码文件的扩展名。 3. rptpreview...

    web打印报表控件Lodop

    - **企业报表打印**:在企业管理系统中,Lodop可以帮助用户快速打印各类报表,如销售报表、库存报表等。 - **在线订单打印**:电子商务网站常常利用Lodop打印订单、发货单、快递单等。 - **教育考试系统**:...

    WEB页面打印excel报表

    在网页上打印Excel报表是Web应用中常见的需求,特别是在数据展示和分析的场景下。本文将详细介绍如何在WEB页面上实现Excel报表的打印,通过一个简单的示例来帮助开发者理解和应用这一技术。 首先,我们需要理解Web...

    报表系统《月财务结算统计报表输出打印系统》

    这款系统不仅能够帮助用户进行电脑做账,还可以自动生成各类财务报表,并且具备强大的报表打印功能,使得财务分析和汇报工作更加便捷。 在系统设计上,它采用ASP(Active Server Pages)技术,这是一种由微软开发的...

    java报表打印包(导入即可)

    Java报表打印是Java开发中一个重要的领域,尤其在企业级应用中,用于生成和打印各种数据报告。这个压缩包提供了一套源代码,使得开发者能够快速集成报表打印功能到自己的项目中,无需从零开始编写复杂的打印逻辑。...

Global site tag (gtag.js) - Google Analytics