sheetJs / xlsx-js-style 纯前端实现导出 excel 表格及自定义单元格样式

// 引入 SheetJS
const XLSX = require('xlsx');
 
// 创建一个新的工作簿
const workbook = XLSX.utils.book_new();
 
// 创建工作表数据
const worksheet_data = [
  ['姓名', '年龄', '职业'],
  ['Alice', 28, 'Engineer'],
  ['Bob', 22, 'Designer']
];
 
// 将数据转换为工作表
const worksheet = XLSX.utils.aoa_to_sheet(worksheet_data);
 
// 自定义单元格样式
const style1 = { font: { bold: true } }; // 粗体字
const style2 = { fill: { bgColor: { indexed: 64 }, fgColor: { rgb: "FFFF0000" } } }; // 填充色和字体颜色
 
// 应用样式到单元格A2
XLSX.utils.format_cell({ cell: worksheet['A2'], style: style1 });
// 应用样式到单元格B2
XLSX.utils.format_cell({ cell: worksheet['B2'], style: style2 });
 
// 添加工作表到工作簿
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1');
 
// 生成Excel文件并导出
XLSX.writeFile(workbook, 'styled_example.xlsx');

这段代码演示了如何使用 SheetJS（xlsx-js-style）库在前端创建一个带有自定义样式的Excel表格。首先创建了一个新的工作簿，然后定义了工作表数据并转换为工作表。接着，应用了自定义样式，最后将工作簿保存为Excel文件。这是一个简单的示例，实际应用中可以根据需要添加更多复杂的样式和功能。