页面table导出Excel—

1、下载table2Excel插件，https://github.com/rainabba/jquery-table2excel

2、引入js

<script type="text/javascript" src="../jquery.min.js"></script>
<script type="text/javascript" src="jquery.table2excel.min.js"></script>

3、html代码

<input type="button" id="btn" value="导出" /><table id="example"><thead><tr><th>Column 1</th><th>Column 2</th><th>Column 3</th><th>Column 4</th><th>Column 5</th></tr></thead><tbody><tr><td colspan="2">1aaa</td><td>ccc</td><td>ddd</td><td>eee</td></tr><tr style="background-color:#0f0;"><td>3aaa</td><td>34bbb</td><td>ccc</td><td>ddd</td><td>修改</td></tr><tr><td>22bbb</td><td>22bbb</td><td>ccc</td><td>ddd</td><td>eee</td></tr><tr><td>5aaa</td><td>55bbb</td><td>ccc</td><td>ddd</td><td>eee</td></tr><tr><td>4aaa</td><td>44bbb</td><td>ccc</td><td>ddd</td><td>eee</td></tr></tbody></table>

4、js代码

$(function(){$("#btn").click(function(){$("#example").table2excel({// 不被导出的表格行的CSS class类exclude: ".noExl",// 导出的Excel文档的名称，（没看到作用）name: "Excel Document Name",// Excel文件的名称filename: "myExcelTable"});});});

5、总结
①、table2excel插件的属性
exclude：不被导出的表格行的CSS class类。

name：导出的Excel文档的名称。

filename：Excel文件的名称。

exclude_img：是否导出图片。

exclude_links：是否导出超链接

exclude_inputs：是否导出输入框中的内容

②、浏览器支持
在ie11，Firefox，Google上进行测试发现：
在IE11和Firefox上面导出时，filename: “myExcelTable.xls”该属性必须带后缀，否则会导出一个无后缀的文件；在Google上没有该问题，会下载一个后缀为.xls的文件

③、优缺点
优点：使用该插件导出table时，支持跨行跨列导出，即table中跨列，导出的Excel中也会跨列。
缺点：使用该插件导出的Excel文件，打开时会提示警告信息。

页面table导出Excel——table2excel相关推荐

html table导出excel 插入图片_前端 Table 用 JS 导出EXCEL(支持大量数据，保留报表格式) - pensive2019...
最近项目上,需要用到将网页上的table报表导出Excel.原先一直用,面对简单的数结构时只要简单的套用就能导出了,但是table结构相对复杂时,很难在组成一样结构,要花很多时间调:这时就想到在百度上 ...
javascript 将table导出 Excel ,可跨行跨列
原文地址:https://www.cnblogs.com/hailexuexi/p/10795887.html <script language="JavaScript" t ...
Element table 导出Excel重复数据
一.说明使用Element组件的table实现固定列时,在前端页面导出table数据为Excel时,可以使用xlsx插件或bootstrap-table插件时,导出的数据会出现两份一样的数据. 二. ...
实战篇-通用的页面列表导出Excel控件
首先,先上下图片,好理解一下今天要讲内容: 第一张图: 第二张图: 说明: 在很多系统中,或者是一些网站的后台,包括秋色园的后台,通过都会有一些相同的工具栏目,比如上面的"导出"按 ...
使用Java在浏览器页面无法导出excel表格
使用Java在浏览器页面导出excel表格,应该用from表单导出,而不是ajax请求,个人见解.
前端table导出excel表格方法汇总
在做一些后台管理系统中,经常会遇到table 组件:然后需要导出excel.开发中实现方法如下: 第一类:后端来做导出功能(后端做更合适) 1. 后端生成excel,返回一个url地址:前端直接利用浏 ...
php页面表格导出excel表格数据类型,php页面表格导出excel表格数据类型-php导出excel是不是导出整个表的？可不可以导出指......
php 怎么把数据导出到excel表格昨天项目里有个新需求,客户希望把一些数据能导出成为Excel表格,刚开始用PHP原生输入Excel表格,发现效果不是很理想,于是找到一个比较著名的库:PHPEx ...
layui table 导出excel 兼容IE浏览器
layui自带的excel导出不兼容ie,所以需要自己配置一些东西. 参考:https://fly.layui.com/jie/51262/ 首先下载 layui_exts 下载地址下载之后将 la ...
前端 table 导出excel表格方法
需求:获取后台数据,动态生成table后,导出excel表格,要求格式与table格式一致直接上代码: <a id="export">导出</a> < ...

页面table导出Excel——table2excel

页面table导出Excel——table2excel相关推荐

最新文章

热门文章