使用JavaScript完成对Table直接导出Excel,不需要数据源!(源码)
1、添加两个引用
<script src="https://unpkg.com/xlsx/dist/xlsx.full.min.js"></script>
<script src="https://unpkg.com/file-saver/dist/FileSaver.min.js"></script>
写导出的代码
//导出数据
ExportData: function () {
let fix = document.querySelector('.el-table__fixed');
let et;
if (fix) {
et = XLSX.utils.table_to_book(document.getElementById('table_data').removeChild(fix));
document.getElementById('table_data').appendChild(fix);
} else {
wb = XLSX.utils.table_to_book(document.getElementById('table_data'));
}
let etout = XLSX.write(et, {
bookType: 'xlsx',
bookSST: true,
type: 'array'
});
try {
saveAs(new Blob([etout], {
type: 'application/octet-stream'
}), '季度Reveiew.xlsx'); //trade-publish.xlsx 为导出的文件名
} catch (e) {
console.log(e, etout);
}
return etout;
},
到此就结束啦,快去练习一下吧!欢迎大佬和小Monkey沟通。
感谢大佬指正 小Monkey
如果你觉得有用的话,就留个赞吧!蟹蟹