在日常工作中,导出Excel文件也是一个常见的功能,下面我们就针对这个功能的实现方式做个简单的总结:
- 纯前端
1. SheetJS
使用第三方库 SheetJS - 官网。
使用示例如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div>
<button onclick="exportToExcel()">Export to Excel</button>
</div>
</body>
</html>
<script src="https://cdn.sheetjs.com/xlsx-0.20.2/package/dist/xlsx.full.min.js"></script>
<script>
function exportToExcel() {
const data = [
['Name', 'Age', 'Email'],
];
for (let index = 0; index < 20000; index++) {
data.push([ `张三_${index}`, index + 1, 'john@example.com']);
}
const worksheet = XLSX.utils.aoa_to_sheet(data);
const workbook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
XLSX.writeFile(workbook, 'data.xlsx');
}
</script>
未完待续......