npm 包 word-table 使用教程

简介

word-table 是一个可以将数据渲染成表格,生成 Word 文档的 Node.js 模块。该模块使用简单,灵活易用,适用于快速生成 Word 报表或文档。

安装

使用 npm 进行安装:

--- ------- ----------

示例

下面是一个示例代码,用来将一个字符串数组渲染成一个带有表头的 Word 表格:

----- --------- - ----------------------
----- -- - --------------

----- ---- - -
  -------- ------ ----------
  -------- --- --------
  -------- --- ----------
  ------- --- -------
--

----- --------- - --- -----------
  ----- -----
  --------- -------- ------ ----------
  ---------- ----
---

------------------------------- ----------------------

运行这段代码,将会生成一个名为 output.docx 的 Word 文档,其中包含了一个数据表格。

教程

基本用法

使用 WordTable 构造函数可以创建一个 Word 表格对象,该对象提供了 generate() 方法,该方法会返回一个 Word 文档二进制文件的 Buffer 对象。在使用 WordTable 构造函数时需要传入一个配置对象,支持的配置选项如下:

  • rows (必须):一个数组,其中每一个子数组代表一行数据。
  • headings:一个数组,其中的每一项代表一列的名称。默认情况下,如果 headings 未定义,则不会渲染表头。
  • autoWidth:一个布尔值,表示是否自动计算列宽。默认情况下, autoWidthfalse
  • columnWidths:一个数组,其中的每一项代表一列的宽度。数组元素可以为百分比或者具体的数值,如 50%4000。如果同时指定了 autoWidthcolumnWidths,则 columnWidths 可以作为列宽的最小值,最终的列宽会根据内容自动调整。

下面是一个简单的示例,用来创建一个仅包含一行数据的 Word 表格:

----- --------- - ----------------------
----- -- - --------------

----- ---- - --------- --- ---------

----- --------- - --- ----------- ----- ---- ---

------------------------------- ----------------------

带表头的表格

表头是一个可选项,如果指定了表头,则会在表格上方渲染一个带有列名称的行。为了指定表头,我们需要向 WordTable 构造函数中传入 headings 配置选项:

----- --------- - ----------------------
----- -- - --------------

----- ---- - -
  -------- --- --------
  -------- --- ----------
  ------- --- -------
--

----- --------- - --- -----------
  ----- -----
  --------- -------- ------ ---------
---

------------------------------- ----------------------

该代码会在 Docx 中生成一个带有表头的数据表格。

自动调整列宽

如果不指定列宽度,则表格的列宽度会根据内容自动调整。使用 autoWidth 配置选项可以控制是否自动调整列宽度:

----- --------- - ----------------------
----- -- - --------------

----- ---- - -
  -------- ------ ----------
  -------- --- --------
  ------ ----- --- ----------
  ------- --- -------
--

----- --------- - --- -----------
  ----- -----
  ---------- ----
---

------------------------------- ----------------------

指定列宽

当将表格渲染到 Docx 中时,您可以使用配置选项 columnWidths 来控制每列的宽度。该选项接收一个数组,其中每个元素表示相应列的宽度。元素可以是字面值数值,也可以是字符串百分比,字符串百分比将会解析为相对于总宽度的比例。例如,下面的代码使用固定值和百分比指定三列的宽度:

----- --------- - ----------------------
----- -- - --------------

----- ---- - -
  -------- ------ ----------
  -------- --- --------
  -------- --- ----------
  ------- --- -------
--

----- --------- - --- -----------
  ----- -----
  --------- -------- ------ ----------
  ------------- ------- ------ -----
---

------------------------------- ----------------------

这个例子将第一列设置为相对于总宽度的 40%、第二列设置为相对于总宽度的 20%、第三列设置为固定宽度 2000。如果使用了 autoWidth 选项,则这里指定的值会作为最小宽度。如果表格的内容超过指定宽度,则会自动调整宽度。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/600671138dd3466f61ffe52b


猜你喜欢

  • npm 包 wow-weex 使用教程

    简介 wow-weex 是一个跨平台的 UI 组件库,使用了样式和布局表达能力更强的 Flexbox 进行布局。它基于 React Native 和 Weex 框架,在移动端开发中能够快速构建丰富的用...

    4 年前
  • npm 包 wow.js 使用教程

    在前端开发中,动画效果对于提升用户体验是非常重要的。为了快速地实现一些炫酷的动画效果,我们可以使用 npm 包 wow.js。 什么是 wow.js wow.js 是一款基于 animate.css ...

    4 年前
  • npm 包 wowam 使用教程

    介绍 在前端开发中,我们经常需要使用各种已有的插件或库来提高我们的工作效率。npm 是一个包管理器,它提供了数以百万计的开源代码库供我们使用。其中,wowam 包是一个非常实用的库,它可以实现页面元素...

    4 年前
  • npm 包 wowbuilder 使用教程

    在现代化的前端开发过程中,使用 npm 包成为了不可或缺的一部分。在众多的 npm 包中,wowbuilder 是一个非常有用的工具,帮助我们自动化构建 web 项目。

    4 年前
  • npm 包 wowhead 使用教程

    介绍 npm 包 wowhead 是一个用于在前端页面中显示 wowhead 魔兽世界游戏中道具、任务等信息的包。它提供了一个简单的 API,使得在网页中添加 wowhead 信息变得简单并且方便。

    4 年前
  • npm 包 wowscript 使用教程

    在前端开发中,我们经常会使用一些第三方库和工具来提高效率和功能性。npm 是一个包管理工具,可以在项目中安装和使用各种 npm 包。其中,wowscript 是一个强大的动画库,可以帮助我们快速实现炫...

    4 年前
  • npm 包 wowjs 使用教程

    在前端开发中,动画效果的应用是非常常见也很重要的。为了方便开发者使用,许多动画库被开发出来,其中 wowjs 是一个非常优秀的动画库,本文将介绍如何在项目中使用 wowjs。

    4 年前
  • npm 包 wowspg-builder 使用教程

    前言 在前端开发中,构建工具是必不可少的。webpack 是较为常见的构建工具,但由于配置繁琐,不易上手。本文介绍一款基于 gulp 的构建工具 wowspg-builder,它简单易用,可快速构建项...

    4 年前
  • npm 包 write-safari-reading-list 使用教程

    前言 在开发 Web 应用程序时,我们有时需要将页面中的内容添加到 Safari 的阅读列表中。尽管 Safari 提供了添加到阅读列表的功能,但它不支持像其他浏览器那样通过 JavaScript 脚...

    4 年前
  • npm 包 wowweemip 使用教程

    前言 在前端开发中,我们经常需要使用各种第三方工具和库,而 npm 是最流行的 Node.js 包管理器之一。本文将介绍一个名为 WowWeeMip 的 npm 包,它是一款用于控制 WowWee M...

    4 年前
  • npm 包 write-transform-read 使用教程

    在前端开发的过程中,我们常常需要将数据进行写入、转换、读取的操作。npm 包 write-transform-read 就是一个方便快捷的工具,可以帮助我们轻松完成这些任务。

    4 年前
  • npm 包 write-transform-read.jbenet 使用教程

    本文将介绍一款 npm 包 write-transform-read.jbenet 的使用教程,该包可以实现写入、转换和读取文件的功能。通过本文的学习,读者可以更深入地了解前端开发中的文件操作。

    4 年前
  • npm 包 write-transpiled 使用教程

    在前端开发中,我们常常需要使用不同版本的 JavaScript,例如 ES5 或 ES6。但是,不同的浏览器可能只支持其中的一部分。为了让我们的代码在多个浏览器中运行,我们需要使用转译器。

    4 年前
  • npm 包 write-version-to-package-json 使用教程

    在前端开发中,经常需要修改项目的版本号,并且要将修改后的版本号写入 package.json 文件。有时候我们需要手动修改版本号,但是这样容易出错并且比较繁琐。这时候就可以使用 write-versi...

    4 年前
  • npm 包 wupjs-glyph-button 使用教程

    简介 wupjs-glyph-button 是一个基于 React 的可定制化图标按钮组件,该组件支持多种样式及配置,可以用于各类前端项目中,为用户提供更好的使用体验。

    4 年前
  • npm 包 wupjs-glyph-checkbox 使用教程

    什么是 npm 包 wupjs-glyph-checkbox wupjs-glyph-checkbox 是一个基于 Glyphicons 字体图标的复选框插件,提供了简单易用的 API 和多样化的样式...

    4 年前
  • npm 包 wurflcloud 使用教程

    介绍 WURFL Cloud 是一个用于自适应网站设计的服务。它允许开发人员识别设备、操作系统、浏览器等客户端属性,并以此来针对不同的设备提供不同的网站设计和内容。

    4 年前
  • npm 包 wupjs-glyph-input-text 使用教程

    在前端开发中,我们经常需要处理各种表单输入,而输入框是最基本的一种元素。但是普通的输入框显得过于单调,如何让输入框变得更加美观和富有表现力呢?wupjs-glyph-input-text 就是一个不错...

    4 年前
  • npm包wurker使用教程

    介绍 Wurker是一个可以将同步逻辑转换为Web Worker的库。使用Wurker可以在主线程之外运行代码,在处理大量数据时可以提高性能。 安装 安装Wurker可以使用npm或yarn 。

    4 年前
  • npm 包 wurfl-cloud-client 使用教程

    随着移动设备的普及,网站和应用的适配问题也变得越来越重要。WURFL 是一个广为人知的设备信息检测库,而 wurfl-cloud-client 就是 WURFL 官方提供的用于快速访问 WURFL C...

    4 年前

相关推荐

    暂无文章