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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值