multilevel header table

[Shookk69]

HI ! I want to create multilevel header, for example

I watch documentation and write code

let tableTest  = new Table({
         width: { size: 100, type: WidthType.PERCENTAGE, },
      rows: [
        new TableRow({
          children: [
            new TableCell({ children: [new Paragraph('1')],  columnSpan: 1, rowSpan: 2,}),
            new TableCell({ children: [new Paragraph('2')], columnSpan: 1, rowSpan: 2,}),
            new TableCell({ children: [new Paragraph('3')], columnSpan: 4, rowSpan: 1,}),
            new TableCell({ children: [new Paragraph('4')], columnSpan: 1, rowSpan: 1,}),
            new TableCell({ children: [new Paragraph('5')], columnSpan: 1, rowSpan: 1, }),
          ],
        }),
        new TableRow({
          children: [
            new TableCell({ children: [new Paragraph('6')],columnSpan: 1, rowSpan: 1,}),
            new TableCell({ children: [new Paragraph('7')],columnSpan: 1, rowSpan: 1,}),
            new TableCell({ children: [new Paragraph('8')],columnSpan: 1, rowSpan: 1,}),
            new TableCell({ children: [new Paragraph('9')],columnSpan: 1, rowSpan: 1,}),
            new TableCell({ children: [new Paragraph('10')],columnSpan: 1, rowSpan: 1,}),
          ],
        }),
      ]});

my result

Please help us on this issue

"docx": "version": "7.3.0"

[Shookk69]

I found a solution
Instead of rowSpan I used VerticalMergeType.CONTINUE and VerticalMergeType.RESTART

let tableTest  = new Table({
         width: { size: 100, type: WidthType.PERCENTAGE, },
      rows: [
        new TableRow({
          children: [
            new TableCell({ children: [new Paragraph('1')], columnSpan: 1, rowSpan: 1, verticalMerge: VerticalMergeType.RESTART}),
            new TableCell({ children: [new Paragraph('2')], columnSpan: 1, rowSpan: 1, verticalMerge: VerticalMergeType.RESTART}),
            new TableCell({ children: [new Paragraph('3')], columnSpan: 4, rowSpan: 1,}),
            new TableCell({ children: [new Paragraph('4')], columnSpan: 1, rowSpan: 1,}),
            new TableCell({ children: [new Paragraph('5')], columnSpan: 1, rowSpan: 1, verticalMerge: VerticalMergeType.RESTART}),
          ],
        }),
        new TableRow({
          children: [
            new TableCell({ children: [new Paragraph(' ')],columnSpan: 1, rowSpan: 1,  verticalMerge: VerticalMergeType.CONTINUE}),
            new TableCell({ children: [new Paragraph(' ')],columnSpan: 1, rowSpan: 1, verticalMerge: VerticalMergeType.CONTINUE}),
            new TableCell({ children: [new Paragraph('6')],columnSpan: 1, rowSpan: 1, }),
            new TableCell({ children: [new Paragraph('7')],columnSpan: 1, rowSpan: 1, }),
            new TableCell({ children: [new Paragraph('8')],columnSpan: 1, rowSpan: 1, }),
            new TableCell({ children: [new Paragraph('9')],columnSpan: 1, rowSpan: 1, }),
            new TableCell({ children: [new Paragraph('10')],columnSpan: 1, rowSpan: 1,}),
            new TableCell({ children: [new Paragraph(' ')],columnSpan: 1, rowSpan: 1, verticalMerge: VerticalMergeType.CONTINUE}),
          ],
        }),
      ]});

result: