前端生成excel表格

1,099 阅读1分钟

开发过程中,有时候需要动态根据数据生成excel并进行下载,一般又后端提供地址进行下载,当数据量较小时,也可由前端进行整理数据,生成excel并导出

下载

npm install js-export-excel

使用

点击下载调用的方法:

const exportExcel = (params) => {
    let dataTable = params;                 //params为数据源
    let option = {};
    option.fileName = '项目参数';            //文件名称
    option.datas = [
      {
        sheetData: dataTable,               //该sheet的数据
        sheetFilter: [                      //数据对应的参数名称
          'chain_name',
          'chain_code',
          'project_name',
          'project_id',
          'api_key',
          'api_secret',
          'prod',
        ],
        sheetHeader: [                       //表格头名称
          '底层链平台',
          'Chain ID',
          '项目名称',
          '项目 ID',
          'API Key',
          'API Secret',
          'API 服务请求域名',
        ],
        columnWidths: ['5', '8', '5', '2', '16', '16', '16'],   //每一列宽度
      },
    ];
    const toExcel = new ExportJsonExcel(option);
    toExcel.saveExcel();
  };

下载

调用上面方法即可

<button onCLick={exportExcel} >点击下载excel</button>