js-xlsx 官方文档:https://sheetjs.gitbooks.io/docs/#sheetjs-js-xlsx

npm xlsx地址:https://www.npmjs.com/package/xlsx

官网:https://sheetjs.com/opensource

首先进行安装或引入:

在浏览器中,只需添加脚本标记:
<script lang="javascript" src="dist/xlsx.full.min.js"></script>

使用 npm:
$ npm install xlsx

使用
bower:
$ bower install js-xlsx

import * as XLSX from 'xlsx';  // 数据导出导入所需要的依赖

以angular为例:

    exportExcle() {

       // 使用 XLSX.utils.json_to_sheet(excleData);
        // const excleData = [
        //     ['周一', '周二', '周三', '周四', '周五'],
        //     ['语文', '数学', '历史', '政治', '英语'],
        //     ['数学', '数学', '政治', '英语', '英语'],
        //     ['政治', '英语', '历史', '政治', '数学'],
        // ];

       // 使用 XLSX.utils.json_to_sheet(excleData);
        const excleData = [
            {周一: '语文', 周二: '数学', 周三: '历史', 周四: '政治', 周五: '英语'},
            {周一: '数学', 周二: '数学', 周三: '政治', 周四: '英语', 周五: '英语'},
            {周一: '政治', 周二: '英语', 周三: '历史', 周四: '政治', 周五: '数学'},
        ];

        // 设置表格样式,!cols为列宽
        const options = {
          '!cols': [
                { wpx: 100 },
                { wpx: 100 },
                { wpx: 100 },
                { wpx: 100 },
                { wpx: 100 },
        ]};
       // 制作工作表的方式有很多种,以数组和对象为例
        // const worksheet: XLSX.WorkSheet = XLSX.utils.aoa_to_sheet(excleData);
        const worksheet: XLSX.WorkSheet = XLSX.utils.json_to_sheet(excleData);

       // 使用指定的单元格作为起点插入数据,r:行, c:列,详情看官网文档
        // XLSX.utils.sheet_add_aoa(worksheet, [[“数学”,“语文”], [“政治”,“语文”], [“历史”,“政治”], ], {origin: {r: 2, c: 5}});
        worksheet['!cols'] = options['!cols'];

        // 新建一个工作簿
        const workbook: XLSX.WorkBook = XLSX.utils.book_new();

        /* 将工作表添加到工作簿*/
        XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
        /* 输出工作表, 由文件名决定的输出格式*/
        XLSX.writeFile(workbook, '排庭表.xlsx');
    }
12-18 01:02