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");

实际输出：

预期输出：

- Ayaz

Answer 1

使用 xlsx 或者 SheetJS 无法做到这一点，因为它可能是 SheetJS Pro 的功能。

您可以使用 xlsx-populate 来实现。

请查看 CodeSandbox 上的示例。

- Zunayed Shahriar

---

我尝试使用xlsx-populate，但是无法构建。在React应用程序中使用此包是否存在问题？ - Lizi

谢谢，这个 CodeSandbox 真是太棒了。 - Chris