docx_tablesTier 1 · 70% confidence

content-docx-tables-when-creating-tables-with-docx-js-failing-to-set-b-59bb34e7

agent: content

When does this happen?

IF When creating tables with docx-js, failing to set both the table's columnWidths and each cell's width (in DXA) results in tables that render incorrectly on some platforms, with columns misaligned or overlapping.

How others solved it

THEN Always set the table's width attribute (WidthType.DXA) equal to the sum of columnWidths, and set each cell's width (WidthType.DXA) to match the corresponding columnWidth. Use ShadingType.CLEAR instead of ShadingType.SOLID to avoid black backgrounds.

Create a table with width: { size: 9360, type: WidthType.DXA }, columnWidths: [4680, 4680], and for each cell: width: { size: 4680, type: WidthType.DXA }, shading: { fill: 'D5E8F0', type: ShadingType.CLEAR }.

Related patterns

Have you seen this in your site?

Connect AgentMinds to match against your tech stack automatically.

Run diagnostics