概述
npm 包 hs-xlsx-style 是用于生成 Excel 文件并为单元格设置样式的 JavaScript 库。它使用纯 JavaScript 实现，无需后端运行，适用于前端项目。
hs-xlsx-style 提供了简单易用的 API，开发者可以快速创建 Excel 文件，设定单元格宽高，字体、背景、边框等样式，也可以合并单元格，同时支持多工作表。
安装
在使用这个包之前，需要先安装依赖包 xlsx-style 和 file-saver。
$ npm install xlsx-style file-saver hs-xlsx-style --save
使用指南
创建 Excel 文件
hs-xlsx-style 的第一步是创建一个工作簿，用以下代码实现：
import { Workbook } from 'hs-xlsx-style';
const wb = new Workbook();
const ws = wb.addWorksheet('Sheet 1');Workbook 是一个主文件容器，它包含所有的工作表。我们可以使用 addWorksheet 方法添加一个新工作表。
设定单元格样式
这里提供一个示例，设定第一行第一列单元格居中和背景颜色。
ws.cell(1, 1).string('Hello, world!').style('alignment', {
horizontal: 'center'
}).style('fill', {
type: 'pattern',
patternType: 'solid',
fgColor: 'green'
});style 方法可以接受样式对象，对象里包含许多样式设置。在上面的代码中，我们为单元格的水平对齐方式和背景颜色设置了样式。
合并单元格
hs-xlsx-style 提供了方便的方法来合并单元格。以下示例显示如何合并单元格：
-- -------------------- ---- -------
---------- -- -- -- -------------------- ---------------
------- -
----- -
------ -------
------ -
----- ----------
-
--
------ -
------ -------
------ -
----- ----------
-
--
---- -
------ -------
------ -
----- ----------
-
--
------- -
------ -------
------ -
----- ----------
-
-
-
---在这个例子中我们合并了单元格 (1,1) 到 (2,2) 并设置了颜色为红色。
保存文件
使用 hs-xlsx-style 创建并设定工作表后，要将生成的 Excel 文件保存到本地。以下示例代码演示了如何保存文件：
-- -------------------- ---- -------
------ - ----- - ---- ----------------
------ - ------ - ---- -------------
--------- ------------------- ------------- ----- -
------- -
--------------- ----- -------- ----- ------- -- ------- -----
-------
-
---------- ------------- --------------------
---首先我们使用 write 方法来将工作簿写入一个 buffer 中，然后使用 saveAs 方法把这个 buffer 写入本地文件系统。
总结
hs-xlsx-style 是一款非常实用的 JavaScript 库，适用于处理大量的数据并生成 Excel 文件。在这篇文章中我们介绍了如何安装和使用这个包。我们可以使用它的 API 来创建、设定样式并保存 Excel 文件，同时生成多工作表。希望这篇文章对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067359890c4f7277583e45