html table导出到excel----jquery.table2excel.js插件

最新推荐文章于 2021-12-22 10:00:16 发布
最新推荐文章于 2021-12-22 10:00:16 发布
阅读量178 收藏 1
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/luna666/p/9008821.html
版权 
<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">    
</head>  
<body>  
    <table border="0" cellspacing="0" cellpadding="0" id="datatable" class="xd_table_sj">  
  
                    <tbody>  
                        <tr>  
                            <td><div align="center" id="titlelable">起始时间</div></td>  
                            <td><div align="center" id="titlelable">通信地点</div></td>  
                            <td><div align="center" id="titlelable">上网方式</div></td>  
                            <td><div align="center" id="titlelable">总时长</div></td>  
                            <td><div align="center" id="titlelable">总流量</div></td>  
                            <td><div align="center" id="titlelable">套餐优惠</div></td>  
                            <td><div align="center" id="titlelable">优惠或减免</div></td>  
                            <td><div align="center" id="titlelable">通信费</div></td>  
                            <td><div align="center" id="titlelable">终端类型</div></td>  
                        </tr>  
                          
                          
                        <tr bgcolor="#EFFEDD" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#EFFEDD'" style="background: rgb(239, 254, 221);">  
                                <td>10-01 01:57:05</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.001</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#ffffff" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#ffffff'" style="background: rgb(255, 255, 255);">  
                                <td>10-01 01:58:55</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.007</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#EFFEDD" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#EFFEDD'" style="background: rgb(239, 254, 221);">  
                                <td>10-01 07:00:00</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.001</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#ffffff" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#ffffff'" style="background: rgb(255, 255, 255);">  
                                <td>10-01 07:23:19</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.084</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#EFFEDD" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#EFFEDD'" style="background: rgb(239, 254, 221);">  
                                <td>10-01 08:16:31</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.001</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#ffffff" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#ffffff'" style="background: rgb(255, 255, 255);">  
                                <td>10-01 08:16:39</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.06</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#EFFEDD" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#EFFEDD'" style="background: rgb(239, 254, 221);">  
                                <td>10-01 08:28:44</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.002</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#ffffff" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#ffffff'" style="background: rgb(255, 255, 255);">  
                                <td>10-01 08:34:50</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.259</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#EFFEDD" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#EFFEDD'" style="background: rgb(239, 254, 221);">  
                                <td>10-01 08:34:50</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>1.26</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#ffffff" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#ffffff'" style="background: rgb(255, 255, 255);">  
                                <td>10-01 09:54:53</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>1.357</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#EFFEDD" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#EFFEDD'" style="background: rgb(239, 254, 221);">  
                                <td>10-01 09:56:29</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.003</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#ffffff" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#ffffff'" style="background: rgb(255, 255, 255);">  
                                <td>10-01 09:56:31</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.009</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#EFFEDD" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#EFFEDD'" style="background: rgb(239, 254, 221);">  
                                <td>10-01 09:56:33</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.583</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#ffffff" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#ffffff'" style="background: rgb(255, 255, 255);">  
                                <td>10-01 10:27:16</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.001</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#EFFEDD" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#EFFEDD'" style="background: rgb(239, 254, 221);">  
                                <td>10-01 10:28:58</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.004</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#ffffff" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#ffffff'" style="background: rgb(255, 255, 255);">  
                                <td>10-01 12:44:12</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.001</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#EFFEDD" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#EFFEDD'" style="background: rgb(239, 254, 221);">  
                                <td>10-01 12:45:41</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.411</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#ffffff" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#ffffff'" style="background: rgb(255, 255, 255);">  
                                <td>10-01 12:57:42</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.024</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#EFFEDD" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#EFFEDD'" style="background: rgb(239, 254, 221);">  
                                <td>10-01 12:57:50</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.009</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                        <tr bgcolor="#ffffff" οnmοuseοver="this.style.background='#D2FCA0'" οnmοuseοut="this.style.background='#ffffff'" style="background: rgb(255, 255, 255);">  
                                <td>10-01 12:57:52</td>  
                                <td></td>  
                                <td>CMNET</td>  
                                <td>0秒</td>  
                                <td>0.007</td>  
                                <td>校园4G套餐-400M国内流量</td>  
                                <td></td>  
                                <td>0.00</td>  
                                <td></td>  
                        </tr>  
                          
                    </tbody>  
                 </table>  
    <button>导出EXCEL</button>  
    
    <script src="js/jquery.js"></script>  
  
    <script src="js/jquery.table2excel.js"></script>  
    <script>  
        $('button').click(function(){  
            console.log(1)  
            $("#datatable").table2excel({  
                exclude: ".noExl",  
                name: "Excel Document Name",  
                filename: "myFileName",  
                exclude_img: true,  
                exclude_links: true,  
                exclude_inputs: true  
            });  
        })  
        
        
//      table2excel插件的可用配置参数有：
//
//            exclude：不被导出的表格行的CSS class类。
//            name：导出的Excel文档的名称。
//            filename：Excel文件的名称。
//            exclude_img：是否导出图片。
//            exclude_links：是否导出超链接
//            exclude_inputs：是否导出输入框中的内容。
        
    </script>  
</body>  
</html>

 

 

 

 

浏览器展示：

 

 

点击导出EXCEL----浏览器自动下载excel文件到本地；效果：

 

jquery.table2excel.js要基于jquery的基础上才能使用，是一款专门导入excel的插件

 

转载于:https://www.cnblogs.com/luna666/p/9008821.html

weixin_30568591
关注
jquery.table2excel.js工具
05-07
web端页面数据导出excel表格工具类-- jquery.table2excel.js
jquery.table2excel.js
05-08
用于网页上导出到Excel，可以是整个table或者整个div，根据id获取对象，然后导出。
jquery.table2excel.js（用于table导出Excel文件）
01-11
里面包含了jquery.table2excel.js，用于table直接导出Excel文件，有例子可以参考
jquery.table2excel.js.zip
04-03
使用jquery插件， jquery.table2excel.js 将页面中的表格下载到本地 。
用jquery-table2excel，进行导出excel表格 带图片 jquery.table2excel.js下载
05-04
`jquery-table2excel`是一个jQuery插件，专门用于实现这一功能，允许用户从网页上的HTML表格一键导出为Excel文件，而且还能支持包含图片的数据导出。下面我们将详细探讨这个插件的工作原理、使用方法以及其核心知识...
jquery.table2excel.js 一键生成Excel表格
09-25
jquery.table2excel.js 可一键生成Excel表格,需要jQuery.js支持 详细使用方法可见我的博客 https://blog.csdn.net/weixin_42571089/article/details/108799543
jquery.table2excel-1.1.2使用含demo.zip
08-21
首先，你需要从官方仓库或第三方资源站点下载`jquery.table2excel-1.1.2使用含demo.zip`压缩包，解压后获取到`jquery.table2excel.js`文件。在你的项目中，确保已经引入了jQuery库，然后在页面中引入这个JS文件。...
Html2excel 1.4.1 发布，Html 转 Excel 工具包
weixin_34005042的博客
02-23 252
Html2excel，Java 简单列表/复杂Excel导出新方式！ Html2excel，是一个可直接使用Html文件，或者使用内置的 Freemarker、Groovy、Bee...
jquery表格table导出下载成excel文件插件 - jquery.table2excel.js
ICode联盟
12-22 461
下载地址 dd:
html2excel是一款将html中表格table转化成excel的工具包.
08-07
转换HTML表格为Excel的工具包，支持.xls、.xlsx格式，支持对背景色、边框、字体等进行个性化设置，支持合并单元格
table2excel.js
09-04
table2excel.js 兼容火狐 ie 谷歌等浏览器，可直接使该插件将html中数据用excel方式导出
jquery_table2excel.js
04-23
前端数据导出为excel
office提供html2excel html2word html2pdf工具
12-13
office提供html2excel html2word html2pdf工具,JAVA 实现； html2excel支持宽度 边框 合并单元格 html2word支持宽度 边框 合并单元格 html2pdf 支持宽度 边框 合并单元格 另外还支持背景颜色
easy_office提供html2excel html2word html2pdf工具方法
05-25
html2excel支持宽度 边框 合并单元格 html2word支持宽度 边框 合并单元格 html2pdf 支持宽度 边框 合并单元格 另外还支持背景颜色
Html2Excel 更名为 MyExcel，2.1.0 版本发布！
weixin_34029680的博客
03-24 175
MyExcel，是一个集导入、导出、加密Excel等多项功能的工具包。 MyExcel是由Html2Excel更名而来，2.1.0版本及后续版本不再只提供导出功能，已全面覆盖Exc...
如何将table里的内容导出到excel
fmyzc的博客
08-24 2096
开发时有遇到要将table里的内容导出excel的操作，百度了下，觉得还是插件比较方便   插件：jquery-table2excel 下载地址： 网盘地址      密码:y00w 使用方法：        1.将下载的文件夹里的  src/jquery.table2excel.js 引入页面 &lt;script type="text/javascript" src="js/jq...
js将html转为excel,jQuery插件将HTML表格导出为Excel格式文件 - tableexport.js插件
weixin_39872893的博客
06-03 471
TableExport是一款可以将HTML表格导出为Excel xlsx格式、xls格式，以及csv和txt文件的jQuery插件。TableExport插件使用简单，默认使用Bootstrap的CSS表格样式，也支持普通的HTML表格。安装可以通过bower或npm来安装TableExport插件。12$ bower install tableexport.js$ npm install tab...
“从HTML到EXCEL”——数据转存EXCEL的新思路
wgh166的专栏
05-27 4446
        我一直为数据用OLE转存EXCEL那蜗牛般的速度而苦恼，万般无奈之际偶然想到EXCEL可以转为HTML，HTML也可以转成EXCEL，哦！先将数据转成HTML表格（文本），然后利用OLE将HTML转成EXCEL表，这岂不是一条捷径！HTML是文本，所以转成HTML速度飞快。      如何转成HTML？首先您可以在EXCEL中画一个您需要的表格样式，将其转成HTML，那么这个HTM
掌握jquery-table2excel实现带图片的Excel表格导出
在本资源包中，包含了实现该功能所需的所有文件：一个示例HTML文件（daochu-1.html），以及两个重要的JavaScript库文件——压缩版的jQuery核心库（jquery.min.js）和jquery.table2excel.js插件文件。用户可以通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值