这个使用js 导出excel，可以集成其他语言，可以html,php,asp ,java 等，自己喜欢用那种语言就用哪种，使用非常方便。js是使用tableExport.js ，jquery-3.2.1.min.js 以及FileSaver.min.js

这个tableExport.js js插件很强大，有兴趣的可以搜索一下，这里分享个html + js 的导出excel表格。

 1 <!DOCTYPE html>

 2 <html>

 3 <head>

 4   <meta charset="UTF-8">

 5   <title>HTML table Export</title>

 6 <script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>

 7 <script type="text/javascript" src="js/FileSaver.min.js" ></script>

 8 <script type="text/javascript" src="js/tableExport.js" ></script>

 9   <script type="text/javascript">

10     $(document).ready(function() {

11       var Table = document.getElementById ( 'container' );

12       var T = [];

13       var r = 0;

14       var c = 1;

15       var rmax = 5;

16       var cmax = 26;

17

18       T.push('<table id="grid">');

19       T.push('<thead>');

20       T.push('<tr>');

21

22       T.push('<th>col #</th>');

23       while (++c <= cmax+1)

24         T.push('<td>col ' + c + '</td>');

25

26       T.push('</tr>');

27       T.push('</thead>');

28       T.push('<tbody>');

29

30       while (r++ < rmax) {

31         c = 0;

32

33         T.push('<tr>');

34         T.push('<td>' + r + '</td>');

35         while (c++ < cmax)

36           T.push('<td>' + getRandomInt(100,10000) + '</td>');

37         T.push('</tr>');

38       }

39

40       T.push('</tbody>');

41       T.push('</table>');

42

43       Table.innerHTML = T.join ("");

44

45       $('#export').click(function() {

46         $('#grid').tableExport({

47           type:'excel',

48           fileName:"测试"

49

50         });

51         // $('#grid').tableExport({type:'xlsx'});

52       });

53     });

54

55     function getRandomInt(min, max) {

56         return Math.floor(Math.random() * (max - min + 1)) + min;

57     }

58 </script>

59

60 </head>

61   <body>

62     <button id="export">导出 Excel</button>

63     <div id="container">

64     </div>

65   </body>

66 </html>

效果如下图：

这里是整个js+html 源代码，喜欢的拿去下载使用。点击这里下载：js导出excel表格 （访问密码：7509）

如果有不懂得，欢迎交流联系，谢谢。

html js 导出excel表格的更多相关文章

  1. js导出Excel表格

    js导出Excel表格 直接上代码: 红色部分:如果表格数据中有“1/1”这样的值,会在导出的Excel中转化为日期“1月1日”,所以才加上了红色那两句.如果返回值中没有这样的格式,红色部分可以不写. ...

  2. js导出excel表格中较长数字串会变成科学计数法问题

    在做项目中,遇到导出excel表格时,银行账户号数字过长,导出的数字串变为计数法形式,如下图: 网上搜到解决方法,粘贴到这以供学习.不断更新. 原博地址:http://www.cnblogs.com/ ...

  3. js导出excel表格并生成多sheet

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. Html Table用JS导出excel格式问题 导出EXCEL后单元格里的000412341234会变成412341234 7-14 会变成 2018-7-14(7月14) 自定义格式 web利用table表格生成excel格式问题 js导出excel增加表头、mso-number-format定义数据格式 数字输出格式转换 mso-number-format:"\@"

    Html Table用JS导出excel格式问题 我在网上找的JS把HTML Tabel导出成EXCEL.但是如果Table里的数字内容为0开的的导成Excel后会自动删除0,我想以text的格式写入 ...

  5. JS导出excel设置下载的标题/与angular结合冲突

    2017.8更新 此功能与angular结合使用时,最后一行 document.getElementById("dlink").click(); 与angular的ng-click ...

  6. vue 导出excel表格

    对于涉及到数据比较多的管理后台导出excel 表格这个需求就非常的常见了 所以? vue 怎么到处excel表格的? 有两种办法 1:请求接口后台直接给你的是excel文件,你需要做的就是怎么接收ex ...

  7. vue中导出Excel表格

    项目中我们可能会碰到导出Excel文件的需求,一般后台管理系统中居多,将table中展示的数据导出保存到本地.当然我们也可以通过一些处理来修改要导出的数据格式,具体需求具体对待. 1.首先我们需要安装 ...

  8. 在vue中导出excel表格

    初学者学习vue开发,想把前端项目中导出Excel表格,查了众多帖子,踩了很多坑,拿出来与大家分享一下经验. 安装依赖 //npm npm install file-saver -S npm inst ...

  9. vue 纯前端导出 excel 表格

    在开发后台管理系统的时候,很多地方都要用到导出excel 表格,比如将table中的数据导出到本地,那么实现这种需求往往有两种方案: 一.后端开发一个下载链接,前端将这个链接放到 a 标签的 href ...

随机推荐

  1. 【Redis】ziplist压缩列表

    压缩列表 压缩列表是列表和哈希表的底层实现之一: 如果一个列表只有少量数据,并且数据类型是整数或者比较短的字符串,redis底层就会使用压缩列表实现. 如果一个哈希表只有少量键值对,并且每个键值对的键 ...

  2. redis相关知识点

    redis 的相关知识点 启动 启动代码 redis-cli -a 密码 通用命令 expire: 设置有效期 expire name 10 key key * 相关数据类型 String set:添 ...

  3. 基于Vue.js的Web视频播放器插件vue-vam-video@1.3.6 正式发布

    前言 今日正式发布一款基于Vue.js的Web视频播放器插件.可配置,操作灵活.跟我一起来体验吧! 线上地址体验 基于vue3.0和vue-vam-video,我开发了一款在线视频播放器. 网址: h ...

  4. SAP IDOC-Segment E1EDP19 Document Item Object Identification

    PO创建时,通过IDOC EDI 接口自动创建SO 案例. BD54 配置逻辑系统 SCC4 给集团分配逻辑系统  SM59 新建RFC 链接 WE21 创建IDOC 处理端口 we20 创建合作伙伴 ...

  5. 实战回忆录：从Webshell开始突破边界

    正文 某授权单位的一次渗透,由于使用的php框架,某cms的上传,从实现webshell开始. 详情 添加监听,生成木马文件更改应用程序名称隐藏上线. 修改休眠时间为10秒 查看主机名whoami 抓 ...

  6. Python之枚举法解数学题

    作为初二的学生,数学题总是令我苦恼的问题.尤其是我们这里的预备班考试(即我们这里最好的两所高中提前一年招生,选拔尖子生的考试)将近,我所面对的数学题越发令人头疼. 这不,麻烦来了: 如图,在正方形AB ...

  7. 使用net core 6 c# 的 NPOI 包，读取excel..xlsx单元格内的图片，并存储到指定服务器

    这个是记录,单元格的图片. 直接上代码,直接新建一个 net core api 解决方案,引用一下nuget包.本地创建一个 .xlsx 格式的excel文件 using ICSharpCode.Sh ...

  8. REST 表现层状态转化

    1.REST是什么? 1) REST:即 Representational State Transfer.(资源)表现层状态转化.是目前最流行的一种互联网软件架构.它结构清晰.符合标准.易于理解.扩展 ...

  9. Java学习day09—-封装和继承

    封装 1.封装 1.1 封装的概念和实现 封装: 属性私有:将属性使用private修饰,表示此属性只能在本类中访问,不让外部直接访问 方法公开:针对每一个属性编写一对公开的方法 get set 分别 ...

  10. Solution -「Hdu3037」Saving Beans

    Prob. 给定 \(m\) 个相同球,\(n\) 个不同的盒子. 求在这 \(n\) 个盒子中放不超过 \(m\) 个球的方案数,并对 \(p\) 取模. 其中 \(1 \leq n, m \leq ...