当前位置:首页 > 技术分享

SheetJS前端通过js导出Excel

admin3年前 (2023-02-13)技术分享2582

SheetJS是一款强大的js库,用来解析excel文件。可以运行在浏览器端,也可以运行在nodejs环境。

通过SheetJS导出xls表格,是通过获取table的dom节点,解析并生成xls文件。

引入文件

<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.6/xlsx.min.js" integrity="sha512-X53zyt2zVcpa26yjS4j4nUzh6bEiymyqZ7zuZk6NoYqwZJcSzrScgtpsN1JPtcdROIhhnhBmtClj7eVe21qjyg==" crossorigin="anonymous"></script>

html页面代码

<table id="table1">
  <thead>
    <tr>
      <th scope="col">序号</th>
      <th scope="col">省份</th>
      <th scope="col">城市</th>
      <th scope="col">邮编</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>四川</td>
      <td>成都</td>
      <td>61000</td>
    </tr>
    ....
  </tbody>
</table>

js代码

        var filename = "按省份统计.xls";
        var workbook = XLSX.utils.book_new();
        var ws1 = XLSX.utils.table_to_sheet(document.getElementById('table1'));
        XLSX.utils.book_append_sheet(workbook, ws1, "Sheet1");
        XLSX.writeFile(workbook, filename); //导出Excel


扫描二维码推送至手机访问。

版权声明:本文由小刚刚技术博客发布,如需转载请注明出处。

本文链接:https://blog.bitefu.net/post/479.html

分享给朋友:

“SheetJS前端通过js导出Excel” 的相关文章

input search更改默认删除按钮的样式

改input输入框search属性下输入文字之后会在输入框最后出现一个默认样式的X不过这个样式不太好看想自定义怎么办呢方法一input[type="search"]::-webkit-search-cancel-butt…

解决 SVN Skipped 'xxx' -- Node remains in conflict

更新命令:svn up提示代码:意思就是说 ,这个文件冲突了,你要解决下Updating '.': Skipped 'data/config.php' -- …

VirtualXposed 不支持32位应用 32位无法安装问题解决办法

VirtualXposed 不支持32位应用 32位无法安装问题解决办法

VirtualXposed 是基于VirtualApp 和 epic 在非ROOT环境下运行Xposed模块的实现(支持5.0~10.0)。与 Xposed 相比,目前 VirtualXposed 有…

七牛html js上传带进度条源码

七牛html js上传带进度条源码注册链接https://s.qiniu.com/uM7RJv完整代码下载:https://n802.com/f/349707-489018989-c141f6(访问密码:5036)http://www.yi…

在CentOS 5.x 6.x里使用yum源 换阿里云国内源换vault.centos.org源

阿里云CentOS 5 的系统,无法用yum来安装应用软件。  原因:CentOS 5 在2017-03-31日已经结束支持,不再提供维护更新,所以包括阿里云镜像站的文件可能都是过时或已经有部分文件缺失。 &n…

python调用WinRAR暴力获取压缩密码 用网址做解压密码

原理很简单:python通过调用WinRAR.exe暴力获取压缩密码,要求必须安装WinRAR或者有WinRAR.exe这个文件(单个文件就行)。个人实测zip和rar格式都能用。缺点:费时间,费cpu一、不生成密码本:4位全数字密码:im…

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。