- 👨🏻🎓博主介绍:大家好,我是尼克.张,热爱分享知识,很高兴在这里认识大家🌟
- 🌈擅长领域:前端开发
- 🙏🏻如果本文章各位小伙伴们有帮助的话,🍭关注+👍🏻点赞+🗣评论+📦收藏,相应的有空了我也会回访,互助!!!
- 🤝另本人水平有限,旨在创作简单易懂的文章,在文章描述时如有错,恳请各位大佬指正,在此感谢!!!
此文章是对前端导出excel文件的总结,也算是自己研究表格方面的一些心得,里面也遇到了许多坑,同时也收获了许多,请注意一些加粗的地方以及注释,excle表格数字会自动向右对齐,字符串向左对齐,sheetName不能有特殊字符
1.js-export-excel
这个设置不了样式,如果你可以请告诉我
\t 可以使数字不使用科学计数法
import ExportJsonExcel from 'js-export-excel';
downloadExcel(data){
let option = {
};
let dataTable = [];
if (data) {
for (let i in data) {
let obj = {
'姓名': data[i].name,
'年龄': `${
data[i].age}`,
'性别': data[i].sex,
'手机号码': `\t${
data[i].mobile}`,
'住址': data[i].address,
}
dataTable.push(obj);
}
}
option.fileName = '个人信息'
option.datas = [
{
sheetData: dataTable,
sheetName: '个人信息',
sheetFilter: ['姓名', '年龄', '性别', "手机号码", "住址"],
sheetHeader: ['姓名', '年龄', '性别', "手机号码", "住址"],
columnWidths: new Array(5).fill(8)
}
];
var toExcel = new ExportJsonExcel(option);
toExcel.saveExcel();
}
假如表头是动态的,我们需要写一个公共的方法
function changeKey(arr, key)