静态表格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脚本!
个人比较喜欢最少星星的库,感觉明了清晰,可以按需加载~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~