加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angularjs使用指令实现table导出csv

发布时间:2020-12-17 08:13:56 所属栏目:安全 来源:网络整理
导读:最近项目中用户提出希望将查询到的表格导出为excel。由于导出的数据条目不多,遂使用前台直接导出为csv的方法来实现。 基本思路 获取table中的数据。 将每个单元格的数据用 , 分离。 将每行中的数据用'n'分离。 伪造一个 a 链接,并模拟点击该链接,点击后删

最近项目中用户提出希望将查询到的表格导出为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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读