angularjs使用指令实现table导出csv

前端之家收集整理的这篇文章主要介绍了angularjs使用指令实现table导出csv前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最近项目中用户提出希望将查询到的表格导出为excel。由于导出的数据条目不多,遂使用前台直接导出为csv的方法来实现。

基本思路

  1. 获取table中的数据。
  2. 将每个单元格的数据用,分离。
  3. 将每行中的数据用'n'分离。
  4. 伪造一个a链接,并模拟点击该链接,点击后删除链接
  5. 将要生成csv的字符串直接放在a链接的后方,点击后便自动下载为csv文件

代码实现

请点击:链接右侧的点击预览 按钮来查看示例代码
https://codepen.io/myskies/pen/xjMJmV

感谢 segmentfault支持 codepen在线阅览!

参考:

https://codepen.io/YuvarajTana/pen/yNoNdZ
原文链接:https://www.f2er.com/angularjs/144549.html

猜你在找的Angularjs相关文章