所以SheetJS实现table导出数据为Excel
Song •
1143 次浏览 •
0个评论 •
2023年09月05日
在使用后台管理系统中用到了一些表格、想到将浏览器中的表格(table) 和 excel/xlsx格式的文件、JSON数据格式的相互转换也是很常见的功能。
文档地址:SheetJS文档
接下来:
1、选择表格ID
<table id="TableToExport">
2、引入SheetJS库
<script src="https://cdn.sheetjs.com/xlsx-0.20.0/package/dist/xlsx.full.min.js"></script>
3、添加一个导出按钮
<button id="sheetjsexport"><b>导出为Excel</b></button>
4、JS方法监听按钮点击
<script>
document.getElementById("sheetjsexport").addEventListener('click', function() {
/* 创建导出对象 */
var wb = XLSX.utils.table_to_book(document.getElementById("TableToExport"));
/* 导出到文件 */
XLSX.writeFile(wb, "SheetJSTable.xlsx");
});
</script>
更多相关好文
-
laravel中distinct()的使用方法与去重 2017-09-11
-
Laravel将view缓存为静态html,laravel页面静态缓存 2021-10-09
-
[ laravel爬虫实战--基础篇 ] guzzle描述与安装 2017-11-01
-
[ 配置教程 ] 在ubuntu16.04中部署LNMP环境(php7+maridb且开启maridb远程以及nginx多域名访问 )并配置laravel环境 2017-07-18
-
mysql如何给运营人员添加只有查询权限的账号 2024-12-02
热门文章
-
mysql如何给运营人员添加只有查询权限的账号 2024-12-02
-
Mac 安装mysql并且配置密码 2024-11-20
-
阿里云不同账号(跨账号)ECS服务器同地域如何实现免费内网互通? 2024-11-12
-
electron安装使用better-sqlite3并解决NODE_MODULE_VERSION xxx. This version of Node.js requires 2024-11-06
-
Zerotier+Moon+Nginx实现内网穿透搭建网站 2024-08-23
[Laravel-Excel中文文档] maatwebsite/excel导出多个Sheet