博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html table导出到Excel中,不走后台,js完成
阅读量:5066 次
发布时间:2019-06-12

本文共 2427 字,大约阅读时间需要 8 分钟。

静态表格table

不正经的统计表
品牌 门店 本周回访 本月回访 总回访 本周成交数 本月成交数 总成交数 异常量 成交转化率 经手人/th>
华为 华为深圳店 20 80 500 1 3 20 1 4.0% 黄生
华为东莞店 20 80 500 1 3 20 1 4.0% 黄生
华为佛山店 20 80 500 1 3 20 1 4.0% 黄生
小米 米家深圳店 20 80 500 1 3 20 1 4.0% 林生

2.Js代码

①利用html5的download属性,点击下载该文件

 

②创建ActiveXObject对象复制到表格中

1 

①.真正起到作用的是a标签的属性,input按钮只是起到了一个过渡到download属性的作用;

    其中有编码解码,需要注意中文乱码情况;

    测试只有谷歌和火狐起作用,且只有谷歌下载的文件名是“下载.xls”,火狐的文件名像是编码后的~

 双核浏览器当然也只有chrome内核下有效果~~

 

还有其他的问题是我继续需要想的,表格内容分页情况导出?筛选条件后导出全部?等等等~

附上源码注释地址:

 开发过程中有很多预料不到的事,继续加油吧!

 

~~~~~~~~~~~~剩到最后的解决办法是利用插件~~~~~~~~~~~~

比如github上的

1020 Star:https://github.com/kayalshri/tableExport.jquery.plugin

270 Star:https://github.com/clarketm/TableExport

159 Star:https://github.com/huanz/tableExport

说明一下,星星多的插件是有base64编码,所以还额外需要js脚本!

个人比较喜欢最少星星的库,感觉明了清晰,可以按需加载~

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

转载于:https://www.cnblogs.com/lubolin/p/10767355.html

你可能感兴趣的文章
控制文件的备份与恢复
查看>>
PHP的SQL注入技术实现以及预防措施
查看>>
软件目录结构规范
查看>>
mysqladmin
查看>>
解决 No Entity Framework provider found for the ADO.NET provider
查看>>
设置虚拟机虚拟机中fedora上网配置-bridge连接方式(图解)
查看>>
[置顶] Android仿人人客户端(v5.7.1)——人人授权访问界面
查看>>
Eclipse 调试的时候Tomcat报错启动不了
查看>>
ES6内置方法find 和 filter的区别在哪
查看>>
Android实现 ScrollView + ListView无滚动条滚动
查看>>
java学习笔记之String类
查看>>
UVA 11082 Matrix Decompressing 矩阵解压(最大流,经典)
查看>>
jdk从1.8降到jdk1.7失败
查看>>
硬件笔记之Thinkpad T470P更换2K屏幕
查看>>
iOS开发——缩放图片
查看>>
HTTP之URL的快捷方式
查看>>
满世界都是图论
查看>>
配置链路聚合中极小错误——失之毫厘谬以千里
查看>>
代码整洁
查看>>
蓝桥杯-分小组-java
查看>>