引入js文件
下载地址:链接: https://pan.baidu.com/s/1gdOl1HnTrM5mZgPgd5qeDQ 提取码: c8js
导入4个js文件
'js/xlsx.extendscript.js','js/xlsx.full.min.js','js/export.js','js/jszip.js','js/xlsx-style/xlsx.full.min.js'
其中 js/xlsx-style/xlsx.full.min.js 是表格样式的js
html部分
导出
js部分
process1 是table的id
function btn_export() {
var table1 = document.querySelector("#process1");
var sheet = XLSX2.utils.table_to_sheet(table1);//将一个table对象转换成一个sheet对象
//这个就是修改格式的代码
sheet["A1"].s = {
font: {
name: '宋体',
sz: 20,
},
alignment: {
horizontal: "center",
vertical: "center",
wrap_text: true
}
};
sheet["!cols"] = [{wpx: 40},{wpx: 200},{wpx: 50},{wpx: 60},{wpx: 40},{wpx: 60},{wpx: 40},{wpx: 40},{wpx: 40},{wpx: 40},{wpx: 40},{wpx: 40},{wpx: 40},{wpx: 60},{wpx: 150},{wpx: 60},{wpx: 40},{wpx: 40},{wpx: 40},{wpx: 60},{wpx: 60},{wpx: 60},{wpx: 140},{wpx: 60},{wpx: 40},]; //单元格列宽
openDownloadDialog(sheet2blob(sheet,'汇总表'),'工作人员情况统计.xlsx');
}
参考链接:https://segmentfault.com/a/1190000019700368?utm_source=tag-newest