在前端开发中，将 Excel 表格转换成 HTML 表格常常是需要的，这时我们可以使用 excel-to-html-table 这个 npm 包。在本文中，我们将详细介绍如何使用 excel-to-html-table 这个 npm 包，提供深度学习和指导意义，并包含示例代码。
安装 excel-to-html-table
要使用 excel-to-html-table 这个 npm 包，你需要安装 Node.js。安装完 Node.js 后，在命令行中输入以下命令即可安装 excel-to-html-table：
npm install excel-to-html-table --save
安装成功后，我们就可以在项目中使用 excel-to-html-table 了。
使用 excel-to-html-table
这里我们将使用 Node.js 读取本地 Excel 文件，并将其转换成 HTML 表格。
准备 Excel 文件
首先，你需要准备一个 Excel 文件，例如下图所示：
读取 Excel 文件并转换成 HTML 表格
接下来，在 Node.js 中写一个 JS 脚本，读取 Excel 文件并使用 excel-to-html-table 进行转换。代码如下：
-- -------------------- ---- -------
----- ------- - -------------------
----- - ------ - - -------------------------------
----- -------- - --- -------------------
----- --------- - ---
------------------------------------------------ -- -
----- --------- - -------------------------
-------------------------- ----- ---------- -
----- ------- - ---
--------------------- ------ ---------- -
-------------------------
---
------------------------
---
----- --------- - ------------------
-----------------------
-------------- -- - ----------------- ---代码解释：
- 首先引入 exceljs 和 excel-to-html-table 两个 npm 包。
- 接着创建一个 ExcelJS 的 workbook，用于读取 Excel 文件。
- 创建一个数组 tableHTML，用于存储读取的 Excel 数据。
- 使用 workbook 的 readFile 方法读取本地的 Excel 文件。
- 读取 Excel 文件中的第一个 worksheet。
- 遍历每一行，并将数据存储到 tableHTML 数组中。
- 最后，将 tableHTML 数组作为参数传递给 excel-to-html-table 的 toHTML 方法，将数据转换成 HTML 表格，并输出到控制台。
运行脚本后输出的结果如下：
-- -------------------- ---- -------
-------
----
-----------
-------------
------------
-----
----
----------
-------------
-----------
-----
----
----------
-------------
-----------
-----
----
----------
------------
-----------
-----
--------转换后的 HTML 表格美化
输出的 HTML 表格是没有任何样式的，为了美化 HTML 表格，我们可以在表格数据中添加 CSS 类，并使用 CSS 样式对表格进行美化。代码如下：
-- -------------------- ---- -------
----- ------- - -------------------
----- - ------ - - -------------------------------
----- -------- - --- -------------------
----- --------- - ---
------------------------------------------------ -- -
----- --------- - -------------------------
-------------------------- ----- ---------- -
----- ------- - ---
--------------------- ------ ---------- -
-------------------------
---
------------------------
---
----- --------- - ----------------- -
------ ------ ------------- -------------
------- --------------
--- ---
--- ---
---
-----------------------
-------------- -- - ----------------- ---代码解释：
- 在 toHTML 方法第二个参数中，我们传递一个 object，其中包含了四个 CSS 类名，分别用于配置整个表格、表头、表格头和表格单元格的样式。
- 在 toHTML 方法中，将这个 object 作为参数传递，就可以实现对 HTML 表格的美化。
运行脚本后输出的结果如下：
-- -------------------- ---- -------
------ ------------ ------------- -------------
------ --------------------
----
-----------
-------------
------------
-----
--------
-------
----
----------
-------------
-----------
-----
----
----------
-------------
-----------
-----
----
----------
------------
-----------
-----
--------
--------至此，我们已经学习了如何使用 excel-to-html-table 这个 npm 包，将 Excel 文件数据转换成 HTML 表格，并美化 HTML 表格的样式。希望本文能对你的前端开发工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005553b81e8991b448d26dd