docx 导出word,表格列数不同的效果

已于 2022-12-16 12:28:08 修改
阅读量222 收藏 1
点赞数
分类专栏： js 文章标签： word javascript
于 2022-12-16 12:27:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45042868/article/details/128341074
版权

docx github地址 文档地址

这个列宽设的我莫名其妙的，不管了，在这个代码中没找到分割单元格的操作，所以下面的效果是通过内嵌表格，将内部表格的外边框去掉实现的

效果

在这里插入图片描述

代码

import {
  Document,
  SectionType,
  Paragraph,
  TextRun,
  Packer,
  AlignmentType,
  Table,
  TableRow,
  TableCell,
  WidthType,
  VerticalAlign,
  BorderStyle,
  // PageOrientation,
  NumberFormat
} from "docx";
import { saveAs } from "file-saver";

export class DocumentCreator {

  constructor(list = []) {
    const contents = list.map(item => {
      return this.createContent(item)
    })

    this.doc = new Document({
      styles: this.difinedStyles(),
      sections: contents
    })

    this.export()
  }

  /**
   * 返回一个段落，新的一页
   */
  createContent(data) {
    return {
      properties: {
        page: {
          margin: {
            left: 800,
            right: 800,
            top: 600,
            bottom: 600
          },
          pageNumbers: {
            start: 1,
            formatType: NumberFormat.DECIMAL,
          },
        },
        type: SectionType.NEXT_PAGE,
      },
      children: [
        new Paragraph({
          alignment: AlignmentType.CENTER,
          style: "title",
          children: [new TextRun("供应品台账")],
        }),
        new Paragraph({
          alignment: AlignmentType.CENTER,
          style: "title",
          children: [new TextRun("")],
        }),
        this.createHeader(data),
      ],
    }
  }
  createHeader() {
    const table = new Table({
      rows: [
        new TableRow({
          tableHeader: true,
          children: [
            new TableCell({
              width: {
                size: 10,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: "",
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
            new TableCell({
              width: {
                size: 10,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: '',
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
            new TableCell({
              width: {
                size: 10,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: "牛",
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
            new TableCell({
              width: {
                size: 10,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: '',
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
            new TableCell({
              width: {
                size: 10,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: "🐎",
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
            new TableCell({
              width: {
                size: 10,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: '6666',
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
          ]
        }),
        new TableRow({
          tableHeader: true,
          children: [
            new TableCell({
              width: {
                size: 10,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: "",
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
            new TableCell({
              width: {
                size: 10,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: '',
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
            new TableCell({
              width: {
                size: 10,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: "牛啊吗",
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
            new TableCell({
              width: {
                size: 10,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: "",
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
            new TableCell({
              width: {
                size: 10,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: "",
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
            new TableCell({
              width: {
                size: 10,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: "",
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
          ]
        }),
        new TableRow({
          cantSplit: true,
          tableHeader: true,
          children: [
            new TableCell({
              margins: {
                top: 0,
                bottom: 0,
                left: 0,
                right: 0
              },
              width: {
                size: 10,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              columnSpan: 6,
              children: [this.createBody()]
            }),
          ]
        }),

      ]
    })
    return table
  }
  createBody() {
    return new Table({
      borders: {
        top: {
          style: BorderStyle.NIL
        },
        left: {
          style: BorderStyle.NIL
        },
        right: {
          style: BorderStyle.NIL
        },
        bottom: {
          style: BorderStyle.NIL
        }
      },
      rows: [
        new TableRow({
          children: [
            new TableCell({
              width: {
                size: 15,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: "字段1",
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
            new TableCell({
              width: {
                size: 15,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: "B",
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
            new TableCell({
              width: {
                size: 15,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: "字段2",
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
            new TableCell({
              width: {
                size: 15,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: "D",
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
            new TableCell({
              width: {
                size: 15,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: "E",
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
            new TableCell({
              width: {
                size: 15,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: "F",
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
            new TableCell({
              width: {
                size: 15,
                type: WidthType.PERCENTAGE,
              },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: "G",
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
            new TableCell({
              // width: {
              //   size: 15,
              //   type: WidthType.PERCENTAGE,
              // },
              verticalAlign: VerticalAlign.CENTER,
              children: [new Paragraph({
                text: "h",
                alignment: AlignmentType.CENTER,
                style: "tableHeader",
              })],
            }),
          ]
        }),
      ]
    })
  }
  difinedStyles() {
    return {
      paragraphStyles: [
        {
          id: "title",
          name: "Title",
          basedOn: "Normal",
          next: "Normal",
          run: {
            size: 50,
            bold: true,
            font: {
              name: '黑体',
            },
          }
        },
        {
          id: "tableHeader",
          name: "TableHeader",
          basedOn: "Normal",
          next: "Normal",
          run: {
            size: 26,
            font: {
              name: '宋体',
            },
          }
        },
        {
          id: "empty",
          name: "Empty",
          basedOn: "Normal",
          next: "Normal",
          run: {
            size: 0,
            font: {
              name: '宋体',
            },
          }
        },
      ]
    }
  }
  export() {
    Packer.toBlob(this.doc).then((blob) => {
      saveAs(blob, "xxxx.docx");
    });
  }
}
goms
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java操作跨页的word cell_Java 创建Word表格/嵌套表格、添加/复制表格行或列、设置表格跨页断行...
weixin_35336727的博客
02-16 519
概述表格作为一种可视化交流模式及组织整理数据的手段，在各种场合及文档中应用广泛。常见的表格可包含文字、图片等元素，我们操作表格时可以插入图片、写入文字及格式化表格样式等。下面，将通过Java编程在Word文档中创建表格或者嵌套表格，并实现格式化操作，包括设置字体、字号、字体颜色、字体粗细等，设置单元格对齐方式、单元格背景色、单元格合并、设置表格边框样式、插入图片等。另外，本文也将介绍对表格中的行或...
若依使用easypoi导出word文档.docx
04-26
RuoYi是一个后台管理系统，基于经典技术组合（Spring Boot、Apache Shiro、MyBatis、Thymeleaf）主要目的让开发者注重专注业务，降低技术难度，从而节省人力成本，缩短项目周期，提高软件安全质量。
13 自定义cell、cell自适应高度、 多种类型的cell混合使用、 UITableViewController、model类
康大亮学IOS
12-18 340
1.自定义cell自定义cell就是创建一个UITableViewCell的子类。 把cell上的控件创建都封装在子类中，简化UIViewController中的代码 子视图控件添加到cell的contentView上。 //注册自定义的单元格 [self.tableView registerClass:[CustomTableViewCell class] forCellReuseId
Java 操作Word表格——创建嵌套表格、添加/复制表格行或列、设置表格是否禁止跨页断行...
吧主
11-01 1377
点击上方 "程序员小乐"关注公众号,星标或置顶一起成长每天凌晨00点00分,第一时间与你相约每日英文Destiny decides who enters your life, but you get to decide who stays.谁走进你的生命，是由命运决定；谁停留在你生命中，却是由你自己决定。每日掏心话人终将会变老，事物也随之变更，很多时候，一个人发现自己爱上了一个人，都是在跟他分...
docx插件的使用
rock_23的博客
03-27 3118
简介： docx是用于前端自己去渲染word的使用，这是根据项目无法固定word内容，如果有用到这个插件，我的笔记无法达到所需还请去参考官网， 再次补充下：我所做的笔记可能会有问题或者不够深入，也希望用此插件的用户进行补充和指导。在此非常感谢！ new Document() // 创建一个文档，里面可以设置文档的样式，文档的作者、标题、描述等 import { Document} from "docx" 所有的样式都是在new Document中创建的 import { AlignmentType,
踩坑日记--poi操作word设置表格列宽
热门推荐
zyp112的专栏
09-26 1万+
今天遇到一个问题，使用poi操作word，生成的表格逐列设置列宽无效。一直找不出原因，网上搜索也没人提醒说是什么原因，最后发现是未设置列自动伸缩（tblWidth.setType(STTblWidth.DXA);）导致。代码如下： /** * @Description: 设置列宽和垂直对齐方式 */ public void setCellWidthAndVAlign(XWPFTableCe...
java导出word跨表格,poi导出word表格
weixin_32330765的博客
03-11 171
packagecom.ksource.pwlp.util;importjava.io.FileOutputStream;importjava.math.BigInteger;importorg.apache.poi.xwpf.usermodel.ParagraphAlignment;importorg.apache.poi.xwpf.usermodel.XWPFDocument;importorg...
python word 表格最大列数_Excel表格中的行数和列数的最大是多少？
weixin_39823299的博客
12-07 1246
Excel表格不同版本最bai大行数和列数du都会不一样。例如：Excel 2003版：zhi列数dao最大256(IV，2的8次方)列，行数最大65536(2的16次方)行；Excel 2007版：列数最大16384(XFD，2的14次方)，行数最大1048576(2的20次方)；Excel 2013版：列数最大16384(XFD，2的14次方)，行数最大1048576(2的20次方)；Exce...
Java导入导出word文档中的表格
weixin_42123075的博客
02-07 2742
使用poi导出列表数据到word文档中的表格中，表格支持自定义单元格合并，并可选择导出的列。 导入带表格的word文档，支持合并单元格的表格内容读取。
asp.net使用Docx导出Word
09-25
使用Docx导出Word详细说明以及源代码。
Java导出Word文档的实现.docx
04-24
在日常的开发工作中，我们时常会遇到导出Word文档报表的需求，比如公司的财务报表、医院的患者统计报表、电商平台的销售报表等等。 导出Word方式多种多样，通常有以下几种方式： 1. 使用第三方Java工具类库Hutool的...
Qt读写word 导出word生成表格插入图片
10-31
使用QAxObject类导出word 插入文本 图片 表格，表格合并，居中对齐等
Swagger接口导出Word.rar
10-12
Swagger接口导出Word源码
解决word里加入mathtype公式后行间距变大
stm32f444的博客
05-21 82
布局>页面设置>文档网格，网格栏选为无网格
如何将word插入的形状转成图片（高清）导出？
weixin_50208718的博客
05-17 342
因为我毕业论文里的图片刚开始使用画图软件画的，但到后期论文即将胶印的时候，发现这些图片里的字体太小，需要重新绘制。之前的绘图软件画的图都删掉了，而且绘图软件画的图插入到word里效果也不怎么好，我就有了直接在word里绘图的想法。刚开始走了好多弯路，绘制完的图形另存为图片后会变得模糊，我就全网找教程，最后还是没有找到，最后经过我一步一步测试，终于找到了一个比较好的办法，这样保存的图片特别清晰，和绘图软件几乎效果一模一样。我的Office是2019版本。最后另存的图片和创建的时候一样清晰！
【word论文排版-公式】如何实现两栏格式公式居中，编号右对齐
weixin_46050242的博客
05-19 430
如何实现两栏格式公式居中，编号右对齐
java中生成poi-tl合并word文件总结
qq_59372626的博客
05-16 345
Poi-tl Documentation
word-表格疑难杂症诊治
最新发布
qq_45026935的博客
05-22 143
自学word笔记-表格排版，表格问题，表格美化及三线表制作
npoi 导出word表格
10-15
您可以使用 NPOI 库来实现导出 Word 表格的功能。下面是一个简单的示例代码： ```csharp using NPOI.XWPF.UserModel; using NPOI.OpenXmlFormats.Wordprocessing; // 创建一个新的 Word 文档 XWPFDocument doc = new XWPFDocument(); // 创建一个新的表格 XWPFTable table = doc.CreateTable(rows, cols); // 设置表格样式 CT_TblPr tblPr = table.GetCTTbl().AddNewTblPr(); tblPr.tblStyle = new CT_String() { Val = "TableGrid" }; // 填充表格数据 for (int i = 0; i < rows; i++) { XWPFTableRow row = table.GetRow(i); for (int j = 0; j < cols; j++) { XWPFTableCell cell = row.GetCell(j); cell.SetText(data[i, j]); } } // 保存 Word 文档 using (FileStream stream = new FileStream("output.docx", FileMode.Create)) { doc.Write(stream); } ``` 其中，`rows` 和 `cols` 分别表示表格的行数和列数，`data` 是一个二维数组，存储了表格中的数据。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值