html5的导出表格功能

最近遇到一个需要导出表格的需求，研究了一下nodeJs的excel模块及好多其他的插件，发现还是蛮复杂的，由于项目对于表格的要求不高，因此同事推荐了一种h5的表格导出生成方法，比较简单，在此记录一下

先上代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a id="test" onclick="clickDownload(this)" download="downlaod.csv" href="#">download</a>
</body>
</html>
<script>
  function clickDownload(aLink)
  {
    var str = "栏位1,栏位2,栏位3\n值1,值2,值3";
    str =  encodeURIComponent(str);
    aLink.href = "data:text/csv;charset=utf-8,\ufeff"+str;
    // aLink.click();
  }
</script>

十分简单，如果是表格试的页面，只要获取对应的tr，遍历其中的td拼成字符串，传入其中即可。只要是支持H5的浏览器都可以用

posted @ 2017-09-13 15:24  lvyi  阅读(1366)  评论(0)  编辑  收藏  举报