文档章节

导出html页面的表格到excel

koloor
 koloor
发布于 2017/07/24 14:51
字数 399
阅读 25
收藏 0
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <style>
        /* 此样式仅用于浏览器页面效果,Excel不会分离表格边框,不需要此样式 */
        table {
            border-collapse: collapse;
        }
    </style>
</head>
<body>
    <!-- 设置border="1"以显示表格框线 -->
    <table border="1" id="ta">
        <!-- caption元素可以生成表标题,其单元格列跨度为表格的列数 -->
        <caption>学生成绩表</caption>
        <tr>
            <!-- 可以使用rowspan和colspan来合并单元格 -->
            <th rowspan="2">编号</th>
            <th rowspan="2">学号</th>
            <th rowspan="2">姓名</th>
            <th rowspan="2">性别</th>
            <th rowspan="2">年龄</th>
            <th colspan="3">成绩</th>
        </tr>
        <tr>
            <th>语文</th>
            <th>数学</th>
            <th>英语</th>
        </tr>
        <tr>
            <td>1</td>
            <td>2016001</td>
            <td>张三</td>
            <td>男</td>
            <td>13</td>
            <td>85</td>
            <td>94</td>
            <td>77</td>
        </tr>
        <tr>
            <td>2</td>
            <td>2016002</td>
            <td>李四</td>
            <td>女</td>
            <td>12</td>
            <td>96</td>
            <td>84</td>
            <td>89</td>
        </tr>
    </table>

    <a id="daochu">导出表格</a>

    <script>
        // 使用outerHTML属性获取整个table元素的HTML代码(包括<table>标签),然后包装成一个完整的HTML文档,设置charset为urf-8以防止中文乱码
        var html = "<html><head><meta charset='utf-8' /></head><body>" + document.getElementById("ta").outerHTML + "</body></html>";
        // 实例化一个Blob对象,其构造函数的第一个参数是包含文件内容的数组,第二个参数是包含文件类型属性的对象
        var blob = new Blob([html], { type: "application/vnd.ms-excel" });
        var a = document.getElementById("daochu");
        // 利用URL.createObjectURL()方法为a元素生成blob URL
        a.href = URL.createObjectURL(blob);
        // 设置文件名,目前只有Chrome和FireFox支持此属性
        a.download = "报表.xls";
    </script>
</body>
</html>

 

© 著作权归作者所有

koloor
粉丝 1
博文 23
码字总数 1807
作品 0
南京
私信 提问
Aspose.Cells for Java 8.1.0 发布

Aspose.Cells for Java 8.1.0 发布,此版本更新内容如下: 允许 Java 开发者在渲染电子表格的时候限制 API,只能使用一个字体位置 当保存一个工作表为 HTML 时支持导出或者禁止导出隐藏的工作...

oschina
2014/06/15
470
0
mvc导出excel

导出excel,怎么导出呢?这个原理是什么呢? 首先在html页面添加单击方法,触发controllers中的方法。怎么触发controllers中导出的方法呢? 在js中的事件中可以这样写。 function xport() {...

iwuio
2018/01/08
0
0
网页版电子表格控件tmlxSpreadsheet免费下载地址

tmlxSpreadsheet 是一个由JavaScript 和 PHP 写成的电子表格控件(包含WP插件, Joomla插件等等).。 程序员可以容易的添加一个类似Excel功能的,可编辑的表格功能到自己的Web应用中。 目前有一些...

yidongkaifa
2014/10/24
0
0
强大的web电子表格控件dhtmlxSpreadsheet免费下载地址

tmlxSpreadsheet 是一个由JavaScript 和 PHP 写成的电子表格控件(包含WP插件, Joomla插件等等).。 程序员可以容易的添加一个类似Excel功能的,可编辑的表格功能到自己的Web应用中。 目前有一些...

yidongkaifa
2014/09/26
0
0
ZK Spreadsheet 2.1 发布

ZK Spreadsheet 2.1 官方真实发布了,新功能包括自动过滤功能、垂直合并、支持复制和粘贴到 Excel 并导出到 HTML、自动填充和线性增量处理、日期增量处理以及数值增量处理等等功能。详见官方...

红薯
2011/06/04
700
0

没有更多内容

加载失败,请刷新页面

加载更多

Guava RateLimiter + AOP注解实现单机限流、统计QPS

1、基于springboot项目pom.xml添加如下依赖: <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-aop</artifactId></dependency><d......

铁骨铮铮
22分钟前
3
0
龙芯版办公软件下载

金山wps office   rpm包:http://ftp.loongnix.org/os/loongnix/1.0/os/Packages/w/wps-office-10.8.0.6472-1.a20p1.mips64el.rpm   deb包:http://packages.deepin.com/loongson/pool/......

gugudu
27分钟前
2
0
BI报表分析和数据可视化,推荐这三个开源工具!

开源篇 一、Superset 1、技术架构:Python + Flask + React + Redux + SQLAlchemy 2、使用人群: (1)开发/分析人员做好看板,业务人员浏览看板数据 (2)业务人员可自行编辑图表,查看满足...

飓风2000
34分钟前
1
0
CountDownLatch

CountDownLatch的概念 CountDownLatch是一个同步工具类,用来协调多个线程之间的同步,或者说起到线程之间的通信(而不是用作互斥的作用)。 CountDownLatch能够使一个线程在等待另外一些线程...

少年已不再年少
43分钟前
1
0
centos7 新手阿里云服务器安装mongodb

简介 MongoDB 是一个基于分布式 文件存储的NoSQL数据库 由C++语言编写,运行稳定,性能高 旨在为 WEB 应用提供可扩展的高性能数据存储解决方案 MongoDB特点 模式自由 :可以把不同结构的文档存...

醉雨
53分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部