自封装｜数据导出组件，表格数据导出为excel文件，可实现导表头替换，自适应单元格宽度（个人学习记录）
依赖插件：
npm install xlsx代码主体：
import XLSX from 'xlsx' export function exportExcel(exportData, headerMapping, fileName) { // 转换数据并替换表头 const transformedData = exportData.map((row) => { const newRow = {} for (const key in row) { newRow[headerMapping[key] || key] = row[key] // 使用映射或保留原键 } return newRow }) // 获取第一行的表头（已转换为中文或保留原键） const headers = Object.keys(transformedData[0] || {}) // 创建工作表并添加表头和数据 const worksheet = XLSX.utils.aoa_to_sheet([ headers, ...transformedData.map((row) => Object.values(row)) ]) // 定义一个函数来计算列宽并设置到工作表上 function setColumnWidths(worksheet) { const range = XLSX.utils.decode_range(worksheet['!ref']) // 获取工作表范围 const colWidths = [] // 初始化列宽数组 for (let col = range.s.c; col <= range.e.c; ++col) { let maxLen = 0 for (let row = range.s.r; row <= range.e.r; ++row) { const cellAddress = XLSX.utils.encode_cell({ c: col, r: row }) // 获取单元格地址 const cell = worksheet[cellAddress] if (cell && cell.v != null) { const text = String(cell.v) // 将单元格内容转换为字符串 const textLen = text.length if (textLen > maxLen) { maxLen = textLen } } } colWidths.push({ wch: Math.max(maxLen * 1.6, 15) }) // 添加列宽（最小宽度为15） } worksheet['!cols'] = colWidths // 设置列宽 } // 自动调整所有列的宽度 setColumnWidths(worksheet) // 设置单元格内容居中对齐 const range = XLSX.utils.decode_range(worksheet['!ref']) for (let row = range.s.r; row <= range.e.r; row++) { for (let col = range.s.c; col <= range.e.c; col++) { const cellAddress = XLSX.utils.encode_cell({ c: col, r: row }) const cell = worksheet[cellAddress] if (cell) { cell.s = cell.s || {} cell.s.alignment = cell.s.alignment || {} cell.s.alignment.horizontal = 'center' cell.s.alignment.vertical = 'center' } } } // 创建一个新的工作簿并将工作表添加到工作簿中 const workbook = XLSX.utils.book_new() XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1') // 生成Excel文件并触发下载 XLSX.writeFile(workbook, fileName + '.xlsx') }调用方式：
exportExcel( const time = new Date() <表格数据>.map((item) => { return { // 筛选数据 可在此处处理数据 进行排序 1: <第一列数据字段>, 2: <第二列数据字段>, } }), { // 表头映射 1: <第一列对应表头>, 2: <第二列对应表头>, }, `<导出文件名>${time.getFullYear()}-${time.getMonth() + 1}-${time.getDate()}` )