这个使用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. Training loop Run Builder和namedtuple()函数

    namedtuple()函数见:https://www.runoob.com/note/25726和https://www.cnblogs.com/os-python/p/6809467.html n ...

  2. NB-IoT无线通信模块与Lora无线通信协议技术分析与前景展望

    物联网的快速发展对无线通信技术提出了更高的要求,专为低带宽.低功耗.远距离.大量连接的物联网应用而设计的LPWAN(low-power Wide-Area Network,低功耗广域网)也快速兴起.物 ...

  3. C语言- 基础数据结构和算法 - 循环链表

    听黑马程序员教程<基础数据结构和算法 (C版本)>,照着老师所讲抄的, 视频地址https://www.bilibili.com/video/BV1vE411f7Jh?p=1 喜欢的朋友可 ...

  4. el-select数据量过大引发卡顿，怎么办？

    本文分享自华为云社区<解决el-select数据量过大的卡顿的两种思路与一种实施方案>,作者: KevinQ. 经典问题:在测试环境好好的,怎么到正式环境就不行了? --本文:数据量变了. ...

  5. JSON.toJSONString(joinPoint.getArgs())报错getOutputStream() has already been called for this response

    nested exception is java.lang.IllegalStateException: It is illegal to call this method if the curren ...

  6. canal的使用

    一.简介 canal [kə'næl],译意为水道/管道/沟渠,主要用途是基于 MySQL 数据库增量日志解析,提供增量数据订阅和消费早期阿里巴巴因为杭州和美国双机房部署,存在跨机房同步的业务需求,实 ...

  7. centos 7安装gitlab及使用

    GitLab 概述: 是一个利用 Ruby on Rails 开发的开源应用程序,实现一个自托管的 Git 项目仓库,可通过 Web界面迚行访问公开的戒者私人项目.Ruby on Rails 是一个可 ...

  8. ACM组合计数入门

    1 排列组合 1.1 排列 \[A_n^m=n(n-1)(n-2)\cdots(n-m+1)=\frac{n!}{(n-m)!} \] 定义:从 n 个中选择 m 个组成有序数列,其中不同数列的数量. ...

  9. 广义径向基网络（RBF网络）

  10. Error Code: 1054. Unknown column '字段名' in 'field list'

    问题描述: j博主在java开发过程中,通过读取excel中表名和字段名,动态创建insert的SQL语句,在mysql可视化工具中执行此SQL语句时,一直提示"Error Code: 10 ...