在前端开发中，我们常常需要将 SharePoint 中的列表数据以表格的形式展示在网页中。sp-list-to-table 是一个方便的 npm 包，它可以帮助我们快速地将 SharePoint 列表数据转换成可读取的表格格式。
安装
首先，我们需要使用 npm 安装该包。在命令行中输入以下命令：
--- ------- ----------------
安装完成后，我们可以在代码中引入该包：
----- ------------- - ----------------------------
使用方法
使用 sp-list-to-table 可以分为两个部分：从 SharePoint 中获取列表数据和将列表数据转换为表格格式。
从 SharePoint 中获取列表数据
在使用 sp-list-to-table 之前，需要先从 SharePoint 中获取列表数据。我们可以使用以下代码从 SharePoint 中获取列表数据：
----- ----------- - --------------------------------------------------------------------------------------------
----- ------- - -
-------- -
------- ---------------------------------
--------------- ---------------------------------
--
--
----- -------- - ----- ------------------ ---------
----- ---- - ----- ----------------
----- ----- - ---------------我们需要指定列表的 URL，并使用 fetch 方法发送请求以获取数据。注意，如果 SharePoint 网站使用的是 OAuth 2.0 认证，我们需要在 headers 中添加 Authorization 字段，以实现身份验证。
将列表数据转换为表格格式
获取到列表数据后，我们需要使用 sp-list-to-table 将其转换为表格格式。我们可以使用以下代码：
----- ------- - --------- -------------- -------- ----- ---- - ---------------- -- ------------ ----------------- ------------ ----- ----- - ---------------------- ------
spListToTable 接收两个参数，分别是表头和行数据。表头是一个字符串数组，表示表格的列名；行数据是一个二维数组，每个元素是一个单元格的值。最后，使用 spListToTable 方法将表头和行数据转换为表格格式。
示例代码
完整的示范代码如下：
----- ------------- - ----------------------------
----- ----------- - --------------------------------------------------------------------------------------------
----- ------- - -
-------- -
------- ---------------------------------
--------------- ---------------------------------
-------------- ------- ----------------
--
--
----- -------- - ----- ------------------ ---------
----- ---- - ----- ----------------
----- ----- - ---------------
----- ------- - --------- -------------- --------
----- ---- - -------------- -- ------------ ----------------- ------------
----- ----- - ---------------------- ------
---------------------------------------------------- - ------在这个示例中，我们首先使用从 SharePoint 中获取列表数据的方法获取数据，然后使用 sp-list-to-table 将数据转换为表格格式。最后，将表格插入到页面中的 div 元素 id="table-container" 中。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6006707e8ccae46eb111eed6