1.引入table-xlsx包
npm install --save table-xlsx @pengchen/xlsx
2.导出方法定义
import { exportFile } from 'table-xlsx'
/**
* export table
* @param data 表格数据
* @param columns 表格表头
* @param fileName 导出文件名
*/
function onTableExport(data, columns, fileName) {
// 过滤无用的列
const tColumns = columns.filter(item => item.dataIndex !== 'action')
const thead = [
{
title: fileName, // 将文件名作为excel表格标题
children: tColumns
}
]
exportFile({
columns: thead,
dataSource: data,
cellStyle: {
alignmentHorizontal: 'center',
borderColorRgb: '000000'
},
headerCellStyle: {
fillFgColorRgb: 'ffffff',
fontBold: false,
borderColorRgb: '000000',
alignmentHorizontal: 'center'
},
bodyCellStyle: {
alignmentHorizontal: 'center'
},
fileName: `${fileName + new Date().getTime()}.xlsx`
})
}
3. 导出效果
注: 只适合简单的excel表格导出,如:支持简单样式设置、多sheet页、行/列合并等
附:插件官网:https://pengchen96.github.io/table-xlsx/docs/intro