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

随机推荐

Bresenham画线算法
[Bresenham画线算法] Bresenham是一种光栅化算法.不仅可以用于画线,也可以用用画圆及其它曲线. 通过lower与upper的差,可以知道哪一个点更接近线段: 参考:<计算机图形 ...
Professional C# 6 and .NET Core 1.0 - Chapter 42 ASP.NET Web API
本文内容为转载,重新排版以供学习研究.如有侵权,请联系作者删除. 转载请注明本文出处: -------------------------------------------------------- ...
Linux系统中当前路径不加入PATH的原因
主要是出于安全的考虑,由于系统默认是允许所有人在/tmp下写入任何文件的,万一有居心不良的用户或者黑客入侵到计算机,并在/tmp下面埋下木马,名字为ls,当用户用root身份登录后,到/tmp目录执行 ...
web.xml配置详解[转]
引文: 对于一个J2EE领域的程序员而言,基本上每天都会和web应用打交道. 什么是web应用?最简单的web应用什么样?给你一个web应用你该从何入手? 1.什么是web应用? web应用是一种可以 ...
Python爬虫实战六之抓取爱问知识人问题并保存至数据库
大家好,本次为大家带来的是抓取爱问知识人的问题并将问题和答案保存到数据库的方法,涉及的内容包括: Urllib的用法及异常处理 Beautiful Soup的简单应用 MySQLdb的基础用法正则表 ...
paho_c_pub 使用方法
Latest Paho Status (2) 摘自:http://modelbasedtesting.co.uk/ I last wrote about the state of Paho in Oc ...
掌握zigbee网络里的相关的重要概论
1.zigbee无线通信,需要高频的载波来提供发射效率,zigbee模块之间要可以正常的收发,必须把接收频率设置和发射模块的载波频率一致. 2.zigbee有27个载波可以进行通信,载波叫做信道(无线 ...
4619 Warm up 2
#include<stdio.h> #include<string.h> #include<algorithm> using namespace std; ][]; ...
Mac下在zsh中配置adb命令
Mac下自带的终端默认黑白色的,对于一个技术宅来说不能忍啊.然后换成了iTerm,安装上了zsh,安装后界面如下: 这里写图片描述但是常用的adb命令却找不到了,还向github上提了issue,下 ...
org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'supplierAction': Injection of resource dependencies failed; nested exception is org.springframework.beans.factor
这个错误是因为抽象Action类的时候,把ServletContext写成了serverContext,导致无法注入,正确写法是 import javax.annotation.Resource; i ...

html中的table导出Excel

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

随机推荐

热门专题