html中的table导出Excel

演示地址：

http://www.jq22.com/yanshi3312

具体代码：

<!DOCTYPE html>

<html lang="zh-CN">

  <head>

    <meta charset="UTF-8">

    <title>table export</title></head>

  <body>

    <table id="table1">

      <tbody>

        <tr>

          <td>文字1</td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>文字1</td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>文字1</td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>文字1</td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>文字1</td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>文字1</td>

          <td>咨询</td>

          <td>测试</td></tr>

      </tbody>

    </table>

    <table id="table2">

      <thead>

        <tr>

          <td>标题一</td>

          <td>标题二</td>

          <td>标题三</td></tr>

      </thead>

      <tbody>

        <tr>

          <td>

            <a href="#" target="_blank">文字2</a></td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>

            <a href="#" target="_blank">文字2</a></td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>

            <a href="#" target="_blank">文字2</a></td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>

            <a href="#" target="_blank">文字2</a></td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>

            <a href="#" target="_blank">文字2</a></td>

          <td>咨询</td>

          <td>测试</td></tr>

        <tr>

          <td>

            <a href="#" target="_blank">文字2</a></td>

          <td>咨询</td>

          <td>测试</td></tr>

      </tbody>

    </table>

    <div id="export">

      <a data-type="json" href="javascript:;">导出json</a>

      <a data-type="txt" href="javascript:;">导出txt</a>

      <a data-type="csv" href="javascript:;">导出csv</a>

      <a data-type="xls" href="javascript:;">导出excel</a>

      <a data-type="doc" href="javascript:;">导出word</a></div>

    <script src="Blob.js"></script>

    <script src="FileSaver.js"></script>

    <script src="tableExport.js"></script>

    <script>var $exportLink = document.getElementById('export');

      $exportLink.addEventListener('click',

      function(e) {

        e.preventDefault();

        if (e.target.nodeName === "A") {

          tableExport('table1', '测试测试', e.target.getAttribute('data-type'))

        }

      },

      false);</script>

  </body>

</html>

源码下载：

http://files.cnblogs.com/files/gguozhenqian/Demo.rar

html中的table导出Excel的更多相关文章

html中的table导出Excel （亲测有用(●'◡'●)）
演示地址: http://www.jq22.com/yanshi3312 具体代码: <!DOCTYPE html> <html lang="zh-CN"> ...
html table表格导出excel的方法 html5 table导出Excel HTML用JS导出Excel的五种方法 html中table导出Excel 前端开发将table内容导出到excel HTML table导出到Excel中的解决办法 js实现table导出Excel，保留table样式
先上代码 <script type="text/javascript" language="javascript"> var idTmr; ...
导出网页中的table到excel
导出网页中的table到excel的两种简便方法: 1. 纯 JavaScript 方法,缺点只支持IE浏览器 var elTable = document.getElementById(" ...
支持IE，FireFox，Chrome三大主流浏览器，通过js+Flash方式将table导出Excel文件
今天在做项目的时候,遇到了前端下载Excel的功能,结果原先的代码,如下: function generate_excel(tableid) { var table = document ...
element ui table 导出excel表格
https://blog.csdn.net/u010427666/article/details/79208145 vue2.0 + element UI 中 el-table 数据导出Excel1. ...
<转>HTML中的table转为excel
转换html 中的table 为excel,firefox浏览器支持,代码如下 <%@ page language="java" contentType="text ...
Java中导入、导出Excel
原文:Java中导入.导出Excel 一.介绍当前B/S模式已成为应用开发的主流,而在企业办公系统中,常常有客户这样子要求:你要把我们的报表直接用Excel打开(电信系统.银行系统).或者是:我们已 ...
我是陌生人 Java中导入、导出Excel
我是陌生人 Java中导入.导出Excel 一.介绍当前B/S模式已成为应用开发的主流,而在企业办公系统中,常常有客户这样子要求:你要把我们的报表直接用Excel打开(电信系统.银行系统).或者是: ...
js实现table导出Excel，保留table样式
浏览器环境:谷歌浏览器 1.在导出Excel的时候,保存table的样式,有2种方法,①是在table的行内写style样式,②是在模板里面添加样式 2.第一种方式:行内添加样式 <td sty ...

随机推荐

SpringData JPA 接口和方法
1.1 简单查询--接口方法 1.2 五个接口详解 1.2.1 CrudRepository接口其中T是要操作的实体类,ID是实体类主键的类型.该接口提供了11个常用操作方法. @NoRepo ...
我的Linux之路——实现虚拟机VMware上linux与windows互相复制与粘贴
出自:http://blog.csdn.net/u012243115/article/details/40454063 解决方法:只需要在CentOS安装一个vmware-tools的工具. 1.打开 ...
java中执行子类的构造方法时，会不会先执行父类的构造方法
会,在创建子类的对象时,jvm会首先执行父类的构造方法,然后再执行子类的构造方法,如果是多级继承,会先执行最顶级父类的构造方法,然后依次执行各级个子类的构造方法.
如何把MyEclipse中的web项目导入到Eclipse中运行
有时我们需要将MyEclipse中的项目导入到Eclipse中运行,如果不注意到一些细节,会造成无法运行的后果.下面就说说具体操作: 如何导入到Eclipse就不在重述了,导入后出现如下错误: 与上面 ...
Linux 登陆提示文字
/etc/issue是从本地登陆显示的信息 /etc/issue.net是从网络登陆显示的信息 /etc/motd内容由系统管理员确定,常用于通告信息,如计划关机时间的警告等每次用户登录时,/etc ...
excel解析的几种实现方法
Hadoop Yarn Capacity Scheduler
Capacity 调度器配置 <property> <name>yarn.resourcemanager.scheduler.class<name> <val ...
文件后缀与mime类型对应表
//文档文件类型的 .ai application/postscript .eps application/postscript .exe application/octet-stream ...
无法查找或打开 PDB 文件解决办法
用VS调试程序时,有时会在VS底部的“输出”框中提示“无法查找或打开 PDB 文件”.这该怎么解决呢? 下面,我们以VS2013为例,来教大家解决办法. 工具/原料 VS 方法/步骤打开VS20 ...
Java TreeMap的排序
TreeMap 和 HashMap 用法大致相同,但实际需求中,我们需要把一些数据进行排序:以前在项目中,从数据库查询出来的数据放在List中,顺序都还是对的,但放在HashMap中,顺序就完全乱了. ...

html中的table导出Excel

html中的table导出Excel的更多相关文章

随机推荐

热门专题