开发过程中,有时候需要动态根据数据生成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>