4

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

潘杰
3.1k 声望238 粉丝