html报表打印

最新推荐文章于 2021-06-20 03:29:34 发布
最新推荐文章于 2021-06-20 03:29:34 发布
阅读量145 收藏
点赞数
分类专栏： javascript 文章标签： HTML JavaScript CSS Cache 生活 ViewUI







<!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=打印 οnclick="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=页面设置 οnclick=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>

iteye_9202
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
layui单据打印_layer系列之table导出+打印功能总结
weixin_34274954的博客
12-23 4074
1.关于layui导出方式，直接使用layui(版本2.4.5及以上)自带的导出方法即可：layui--layui-table导出Excel立即转化为数据表格将数据转化为静态表格导出Excel昵称加入时间签名贤心12016-11-28人生就像是一场修行 A贤心22016-11-29人生就像是一场修行 B贤心32016-11-30人生就像是一场修行 CvarexportBillsData=[{'n...
实现Web Client上的html报表直接打印
D_yang的烂摊子
03-30 4215
读了一下openerp新版本的代码，的确有不少的改进。尤其是web client，基本上是推倒重写的。 看官方的论坛上很多人在问如何在web client上实现报表的直接打印，想想现在的打印的确是不方便，总是把文件下载下来，然后打开文件打印。 html的报表容易想到，因为可以直接在web client打开一个新窗口，用js进行打印。于是就改改openerp代码，实现一个简单的html报表的。供
HTML实现打印简单报表（轻量级）
auqfmnmn的专栏
03-11 1536
[size=large]基于HTML表格实现的原生态打印功能，已经定义好报表的CSS样式，只需调整table格式即可。 运行时注意将IE对ActiveX控件的“禁用”改为“提示”。[/size] 效果图 [img]http://dl.iteye.com/upload/attachment/0081/4646/094c2e76-2378-372c-a645-678ff14450c0....
HTML & CSS 打印报表
Fish Where The Fish Are
10-29 593
通常打印报表的时候，需要在服务器端生成PDF, Excel, Word 或者其他文件后，下载到本地后打印。可以参考这里： Java操作PDF之iText超入门 ： [url=http://rensanning.iteye.com/blog/1538689]http://rensanning.iteye.com/blog/1538689[/url] Java读写Excel之POI超入门 ： [u...
易语言html实现报表打印,易语言报表统计功能例程可打印
weixin_29504987的博客
06-03 1897
易语言报表统计源码是高级表格支持库的应用例程。.计次循环首 (取数组成员数 (物品资料数组), a).判断循环首 (查找 (读 (“名称”) ＝ 物品资料数组 [a] 且 读 (“日期”) ≥ 到文本 (取日期 (日期框开始.今天)) 且 读 (“日期”) ≤ 到文本 (取日期 (日期框结束.今天)) 且 读 (“方式”) ＝ “入库”) ＝ 真)跳过 ().判断循环尾 ()高级表格1.插入行 (...
Html报表示例，WebBrowser打印
06-29
Html报表例子源码，使用webbrowser控件在窗口中显示htm文档
aa.rar_html_html 报表_web 打印_报表打印
09-20
Web打印的解决方案之普通报表打印 Web打印的解决方案之普通报表打印
echart报表加打印
12-27
简单的报表（echart）小demo，外加打印功能
html打印分页自带表头表尾
05-14
需要自己写打印程序时，会遇到打印分页都需有表头表尾的问题，html打印分页自带表头表尾，可以参考学习下
SpringMVC+jspereport,实现报表分页查看、文件(pdf、excel、word)导出，以及html展示和调用浏览器打印功能实现打印
10-15
SpringMVC+jspereport,实现报表分页查看、文件(pdf、excel、word)导出，以及html展示和调用浏览器打印功能实现打印，报文都是采用ireport5.6.0设计
ireport生成html横线多出,ireport在HTML上打印报表，空白显示红叉
weixin_34498545的博客
06-05 319
以html格式调用时，当字段的内容为null时，如果勾选了blank when null，会出现图片上显示的红叉，不勾选时，就是显示null，找了半天，发现只要进行如下设置勾选了blank when null，就不再显示红叉。主要要注意：1、//exporter.setParameter(JRHtmlExporterParameter.IMAGES_MAP, imagesMap);//expo...
润乾报表 report:html 分页,报表分页
weixin_33134401的博客
06-20 449
任务背景:报表离不开打印，打印离不开分页。比较常见的报表的分页，一般是根据纸张尺寸自动分页。即根据纸张的尺寸和页边距，计算出每一页能摆下多少行多少列，从而计算出每一页的报表，然后进行打印或者展现。这种方式，对于行列的宽度、高度固定的情况，比较容易实现，很简单的计算罢了。可是不要忘了，单元格里的数据是从数据库里动态取出来的，因此如果单元格里的数据超出了单元格的宽度，就意味着需要撑宽单元格或者自动折行...
c# printdialog 打印html,c# – ReportViewer.PrintDialog()在打印到Adobe PDF时抛出异常
weixin_42467428的博客
06-15 319
我正在使用WinForms应用程序,该应用程序使用ReportViewer控件显示一些Reporting Services报告.在这些屏幕上,我们允许用户通过调用ReportViewer上的PrintDialog()方法来打印报表,如下所示：_reportViewer.PrintDialog();这在大多数情况下工作正常,它会打开标准的Windows打印对话框,用户选择要打印的打印机,然后进行打印...
ireport+jasperreport 报表html显示
wlxtaking的专栏
12-21 6171
最近正在做一个基于J2EE的Web项目，使用IReport与JasperReport作为Web报表的解决方案，在使用Html报表形式进行打印时出现如下问题。(同样的问题使用了不同的解决方法)    一．问题描述：使用JasperReport生成Html报表后，数据显示正确，但各种线条显示不出来           产生原因：在生成HTML页面时JRHtmlExporterParameter.IMAGES_URI参数设置不正确，主要是图片的路径问题。由JasperReport生成Html时，那些线条是一个名称
第三章第二节 table()与报表
ronghuilin的博客
01-24 541
table()生成对数据结构元素的分类报表。table()与tapply()的区别，aggregate()函数。最重要的是，table()将数据框变量分组到不同层的功能。table是一种数据结构，与高维数组有关联。
Web自定义报表前后端代码-使用dataTable插件实现自定义报表统计
u010636072的博客
03-29 4117
自定义报表查询自定义报表查询前端处理方式：后台处理方式： 自定义报表查询 所谓的自定义报表，即提供与功能相关的所有字段全部列出，让用户根据以实际工作需求获取适当的字段信息，达到简化用户工作的效果。 经多家客户提供的报表需求来看，可分为“汇总统计”和“明细统计”两种，然后再由指定字段排序。 汇总统计：可按字段进行数量的汇总或金额的汇总。 明细统计：即将所有信息数据全部展现。 指定排序：用户可自定义指...
table中的展示图片_文章中的报表制作
weixin_39621819的博客
12-10 576
报表是统计描述的重要内容，用来计算和展示统计表格，这就是所谓的用数据说话。在文章撰写的结果部分，表格是展示文章结果的重要方式，因为它可以代替冗长的文字描述，便于资料见的对于和进一步的统计分析，小编在本文中介绍一下如何灵活的使用stata软件的tabulate命令和table命令将相应的统计指标用表格的形式展现出来。1.使用命令tabulate二维频数表的stata命令为tabul...
Html表格代码实现打印
热门推荐
若先设计
09-29 1万+
利用JS技术实现打印HTML表格   通常在浏览网页的时候，网页上总是出现一些和内容无关的内容，在打印的时候，要是把整个网页都打印下来，总会有些不方便。。。所以在有需要打印的网页上稍微设置一下打印页是很有必要的。。。   首先在head里面加入下面一段js代码： --------------------------------------------- function prev
写一个基于Vue3 + webApi 的 DevExpress XtraReport 报表打印前后端案例
最新发布
06-08
好的，我可以为您提供一个基于Vue3和webApi的DevExpress XtraReport报表打印前后端案例。 首先，您需要在DevExpress报表设计器中创建XtraReport报表。确保您已经启用了打印功能，并为报表指定了打印机。 接下来，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值