先上代码。以下是封装的一个前端 导出.xlxs文件的方法
data为数据源,也就是要下载的数据数组;
tableHeader 为表格的表头字符串String,例如:let str = ‘姓名, 地址, 电话’;
contrastRelation 为表头与内容的对应关系,防止内容位置错乱,造成表头与数据不相符的情况,格式为对象Object。例如: let contrastRelation = {“姓名”:”name”, “地址”: “address”, “电话”:”phone”};
fileName 为导出文件的名称,格式为字符串String
使用方法:downLoadExcel(data, str, contrastRelation, ‘测试数据’)
//前端xlxs文件导出
function downLoadExcel(data, tableHeader, contrastRelation, fileName) {
//表头
let str = tableHeader;
//增加\t为了不让表格显示科学计数法或者其他格式
data.forEach(keys => {
for(let item in contrastRelation) {
str+=`${keys[contrastRelation[item]] + '\t'},`;
}
str+='\n';
})
// encodeURIComponent解决中文乱码
let uri = 'data:text/csv;charset=utf-8,\ufeff' + encodeURIComponent(str);
//通过创建a标签实现
let link = document.createElement("a");
link.href = uri;
//下载的文件命名
link.download = `${fileName || '表格数据'}.xlxs`;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
版权声明:本文为weixin_45153463原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。