angular+excelJs结合file-saver

exceljs文档
FileSaver文档(用于保存文件下载)
// 前端excel模板示例

import * as ExcelJS from 'exceljs';
import * as fs from 'file-saver';

  async exportExcel() {
    const workbook = new ExcelJS.Workbook();
    const worksheet = workbook.addWorksheet('My Sheet',
      {
        properties: {
          tabColor: { argb: 'ff0000' },
          defaultColWidth: 20,
          defaultRowHeight: 20,
        }, views: [{ state: 'frozen', xSplit: 1, ySplit: 1 }]
      });

    // 设置列
     worksheet.columns = [
       { header: 'Id', key: 'id', },
       { header: 'Name', key: 'name', },
       { header: 'D.O.B.', key: 'DOB', }
     ];

    let tableDate = [{ id: 1, name: 'John Doe', DOB: '2022-06-18' }, { id: 2, name: 'Jane Doe', DOB: '2022-06-18' }];

   // worksheet.columns = this.excelSheet;
    // 插入数据
    worksheet.addRows(tableDate);

    // 写入文件
    const buffer = await workbook.xlsx.writeBuffer();
    fs.saveAs(new Blob([buffer], {
      type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', // 示例时可去掉type
    }), `Equity Risk Rating - ${DateFormatter.simpleDateFormatter(new Date())}.xlsx`)

  }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容