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

    原文作者:myskies
    原文地址: https://segmentfault.com/a/1190000014957411
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞