最近项目中用户提出希望将查询到的表格导出为excel。由于导出的数据条目不多,遂使用前台直接导出为csv的方法来实现。
基本思路
- 获取table中的数据。
- 将每个单元格的数据用
,
分离。 - 将每行中的数据用'n'分离。
- 伪造一个
a
链接,并模拟点击该链接,点击后删除该链接。 - 将要生成csv的字符串直接放在
a
链接的后方,点击后便自动下载为csv
文件。
代码实现
请点击:链接右侧的点击预览
按钮来查看示例代码
https://codepen.io/myskies/pen/xjMJmV
感谢segmentfault
支持codepen
在线阅览!
参考:
https://codepen.io/YuvarajTana/pen/yNoNdZ原文链接:https://www.f2er.com/angularjs/144549.html