vuejs导出excel设置字体，对齐，背景色

xlsx基础版本不能设置样式，所有需要使用xlsx-style替代npm install –save xlsx

复制代码//引入XLSXStyle
import XLSXStyle from 'xlsx-style'
1
2

设置字体，对齐，背景色

复制代码let style = {
  // 表头样式
  header: { 
    font: { sz: 10, color: { rgb: "ff0000" }, bold: true },
    alignment: { horizontal: "center", vertical: "center", wrapText: true },
    fill: { bgColor: { indexed: 64 }, fgColor: { rgb: "FFFF00" }},
  },
  // 内容样式
  content: {
    font: { sz: 11 },
    alignment: { horizontal: "center", vertical: "center", wrapText: true },
  },
  // 注释行样式
  trips: {
    font: { sz: 10, bold: true },
    alignment: { vertical: "center", wrapText: true },
    fill: { bgColor: { indexed: 64 }, fgColor: { rgb: "00B050" }}
  }
};
sheet['A1'].s = style.header;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20