javascript - Reactjs - 使用 xlsx.utils.json_to_sheet 导出到 Excel

Question

我正在使用 xlsx npm 包将数据导出到 excel。以下代码按预期工作并导出数据。我需要应用如下样式。请帮忙。

1. 标题应该是粗体。
2. 标题背景应该是灰色的
3. 应用边框

导入语句

import * as XLSX from 'xlsx';

代码:

var data = [
  {"name":"John", "city": "Seattle"},
  {"name":"Mike", "city": "Los Angeles"},
  {"name":"Zach", "city": "New York"}
];
let header = ["Name", "City"];
const ws = XLSX.utils.book_new();
XLSX.utils.sheet_add_aoa(ws, [header]);
XLSX.utils.sheet_add_json(ws, data, { origin: 'A2', skipHeader: true });
const wb = { Sheets: { 'data': ws }, SheetNames: ['data'] };
const excelBuffer = XLSX.write(wb, { bookType: fileType, type: 'array', cellStyles:true });
const finalData = new Blob([excelBuffer], { type: fileFormat });
FileSaver.saveAs(finalData, "Data.xlsx");

实际输出:

预期输出:

Answer 1

您不能使用 xlsx 又名 SheetJS 执行此操作，因为它可能是 SheetJS Pro 功能。

您可以使用 xlsx-populate 来完成.

演示在 CodeSandbox .