使用js-xlsx库,将数据导出为Excel表格

╰+攻爆jí腚メ 2022-02-01 12:17 576阅读 0赞

npm install xlsjs

引入xlsx.full.min.js

<body>
    <button type="button" onclick="exportData()">
        导出表格
    </button>
    <script src="../assets/js/xlsx.full.min.js"></script>
    <script type="text/javascript">
        function exportData() {
            let data = [
                {name: "张三", id: "123"},
                {name: "李四", id: "124"}
            ];
            exportExcel(data, "数据导出表格")
        }
    
        function exportExcel(data, filename) {
            /* 如果没有导入xlsx组件则导入 */
            if (typeof XLSX == 'undefined') XLSX = require('xlsx');
            let ws = XLSX.utils.json_to_sheet(data);
            let wb = XLSX.utils.book_new();
            XLSX.utils.book_append_sheet(wb, ws, "People");
            XLSX.writeFile(wb, filename + ".xlsx");
        }
    </script>
    </body>

效果

![2019051415090824.png][]

![20190514150016298.png][]

[2019051415090824.png]: /images/20220201/7327e0665cbe4edab1ac4c76397e2088.png
[20190514150016298.png]: /images/20220201/e868a651c31b4039875a9dba116db937.png

发表评论取消回复

表情：

评论列表（有 0 条评论，576人围观）

还没有评论，来说两句吧...

相关阅读

相关使用Hutool 工具库导出Excel表格

Hutool是Hu + tool的自造词，前者致敬我的“前任公司”，后者为工具之意，谐音“糊涂”，寓意追求“万事都作糊涂观，无所谓失，无所谓得”的境界。 Hutool是一个J

灰太狼/ 2023年07月14日 10:56/ 0 赞/ 54 阅读

相关 js导出为excel表格

html: <table id="data"> <tr> <th>序号</th> <th>姓名</th

柔光的暖阳◎/ 2022年12月29日 14:28/ 0 赞/ 232 阅读

相关 vue+element将数据导出成excel表格

1.首先先安装 npm install --save xlsx file-saver 2.在当前的组件引入 import FileSaver from '

古城微笑少年丶/ 2022年12月09日 05:18/ 0 赞/ 184 阅读

相关 html gridview excel,将GridView数据导出Excel表格

\[c\\]代码库protected void btnExport\_Click(object sender, EventArgs e) \{ gridView.DataS

淡淡的烟草味﹌/ 2022年10月07日 05:45/ 0 赞/ 219 阅读

相关使用poi实现导出excel数据表格

最近项目中要求技术实现导出商品订单的excel表格数据,功能虽然实现了,但是依旧两个小的技术点,没有实现 1,中文文件名称的编写,乱码后,数据是无法显示的. 2,条件查询时

布满荆棘的人生/ 2022年06月02日 07:15/ 0 赞/ 315 阅读

相关 PowerDesigner 表格导出为excel

PD菜单栏中，依次点击 Tools ->Excute Commands->Edit/Run Script.. 填入以下代码： ' Option Explic

不念不忘少年蓝@/ 2022年05月08日 13:52/ 0 赞/ 360 阅读

相关将页面表格导出为excel并下载

将页面表格导出为excel并下载的方式有很多，本次介绍的是表格div的下载。这种方式很简单，不需要去创建excel文件，也不需要创建工作簿，然后一点一点的填写数据。只需

喜欢ヅ旅行/ 2022年03月18日 14:48/ 0 赞/ 478 阅读

相关使用js-xlsx库,将表格table导出为Excel表格

npm install xlsjs 引入xlsx.full.min.js 和export.js <body> <button onclick="ta

布满荆棘的人生/ 2022年02月01日 12:25/ 0 赞/ 889 阅读

相关使用js-xlsx库,将数据导出为Excel表格

npm install xlsjs 引入xlsx.full.min.js <body> <button type="button" onclick

╰+攻爆jí腚メ/ 2022年02月01日 12:17/ 0 赞/ 577 阅读

相关将数据库中数据导出为excel表格

public class Excel { private static Logger logger = LoggerFactory.getLogger(Excel...

小灰灰/ 2021年04月13日 16:38/ 0 赞/ 731 阅读