VUE Table复杂表格生成带格式的excel(多表头、合并单元格、边框、居中、背景)
因为工作需要,在网上找了很多都不太行无意之间看到一个大佬的打码拿过来改了改居然可以用!
原文链接:https://blog.cqhpoldi.com/?p=650
首先看一下我的表格是啥样子(普通表格也可以用)
我在网上找了很多方法要么是错位,要么是没边框、没格式,无意之间看到一个大佬写的代码试了一下大致上可以然后自己改改居然成了。
1.下载
npm install file-saver --save
npm install xlsx --save
npm install xlsx-style --save
2.引入
import FileSaver from 'file-saver';
import XLSX from 'xlsx';
import XLSXStyle from 'xlsx-style'
3.vue页面
表格就普通的表格合并单元格用 rowspan、colspan
我没用element-ui的table 就是普通的自己手打的<table>
4.Js片段
let