演示地址：

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

原文转自 ：     http://www.cnblogs.com/gguozhenqian/p/5717555.html

html中的table导出Excel （亲测有用(●'◡'●)）的更多相关文章

  1. html中的table导出Excel

    演示地址: http://www.jq22.com/yanshi3312 具体代码: <!DOCTYPE html> <html lang="zh-CN"> ...

  2. 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; ...

  3. 导出网页中的table到excel

    导出网页中的table到excel的两种简便方法: 1. 纯 JavaScript 方法,缺点只支持IE浏览器 var elTable = document.getElementById(" ...

  4. 支持IE，FireFox，Chrome三大主流浏览器，通过js+Flash方式将table导出Excel文件

    今天在做项目的时候,遇到了前端下载Excel的功能,结果原先的代码,如下: function generate_excel(tableid) {        var table = document ...

  5. element ui table 导出excel表格

    https://blog.csdn.net/u010427666/article/details/79208145 vue2.0 + element UI 中 el-table 数据导出Excel1. ...

  6. <转>HTML中的table转为excel

    转换html 中的table 为excel,firefox浏览器支持,代码如下 <%@ page language="java" contentType="text ...

  7. Linux中oracle的安装，亲测

    一.下载oracle的软件包 地址: http://www.oracle.com/technetwork/database/enterprise-edition/downloads/112010-li ...

  8. Java中导入、导出Excel

    原文:Java中导入.导出Excel 一.介绍 当前B/S模式已成为应用开发的主流,而在企业办公系统中,常常有客户这样子要求:你要把我们的报表直接用Excel打开(电信系统.银行系统).或者是:我们已 ...

  9. 我是陌生人 Java中导入、导出Excel

    我是陌生人 Java中导入.导出Excel 一.介绍 当前B/S模式已成为应用开发的主流,而在企业办公系统中,常常有客户这样子要求:你要把我们的报表直接用Excel打开(电信系统.银行系统).或者是: ...

随机推荐

  1. React项目使用React-Router

    ⒈初始化React项目(略) 请参考 初始化一个React项目(TypeScript环境) ⒉集成React-Router 在React世界里,公认最好用的路由是React-Router.那我们直接来 ...

  2. AVL排序二叉树树

    AVL树第一部分,(插入) AVL树是一种自平衡二叉搜索树(BST),其中对于所有节点,左右子树的高度差不能超过1. 一个AVL树的示例 上面的树是AVL树,因为每个节点的左子树和右子树的高度之间的差 ...

  3. C++程序的多文件组成

    C++程序的多文件组成 [例3.32] 一个源程序按照结构划分为3个文件 // 文件1 student.h (类的声明部分) #include<iostream.h> #include&l ...

  4. pycharm 使用black

    pycharm 使用black The Uncompromising Code Formatter By using Black, you agree to cede control over min ...

  5. ~ubuntu1804安装禅道

    一.解压禅道安装包 二.启动禅道 # 开启Apache和Mysql服务 /opt/zbox/zbox start # 停止Apache和Mysql服务 /opt/zbox/zbox stop # 命令 ...

  6. nginx与PHP编译configure

    configure参数nginx和php是编译安装的关键.记录下来备用: php: ./configure --prefix=/usr/local/php --with-config-file-pat ...

  7. beego入门笔记

    Beego Learn Note 示例环境在Deepin系统下. deepin 15.9.3 ├── Beego : 1.11.2 ├── GoVersion : go1.12.4 ├── GOOS ...

  8. 【flume】5.采集日志进入hbase

    设置我们的flume配置信息 # Licensed to the Apache Software Foundation (ASF) under one # or more contributor li ...

  9. Ubuntu Server Swap 分区设置

    方案一:仅在内存耗尽的情况下才使用 swap 分区 # 首先进入 sudo 模式 sysctl vm.swappiness=0 # 临时生效 echo "vm.swappiness = 0& ...

  10. Linux文件属性整理

    Linux系统是一种典型的多用户系统,不同的用户处于不同的地位,拥有不同的权限.为了保护系统的安全性,Linux系统对不同的用户访问同一文件(包括目录文件)的权限做了不同的规定.在Linux中我们可以 ...