Table node UI components are not resizable when used with Page extension

[baophanvuong-ncc]

I’m using the Tiptap Table Node UI component https://tiptap.dev/docs/ui-components/node-components/table-node because of its features and polished UI.

However, when the table is used inside the Pages extension, the resize functionality no longer works correctly: all columns appear to stay the same width.

What’s happening

• While dragging the column resize handle, the table visually does not resize
• All columns remain equal width on screen
• However, I’ve confirmed that the table colwidth attribute does update correctly in the document as I drag
• Removing the Pages extension makes resizing work as expected

Question

I’m aware the documentation recommends using tables inside the Pages extension, but is there a recommended way to make the Table Node UI Component resizing work correctly inside the Pages extension

[Aslam97]

@baophanvuong-ncc Thanks for the detailed report and for sharing the context.

You’re right — the Pages extension ships with its own TableKit configuration, and the Table Node UI component isn’t something we’ve explicitly tested inside Pages yet.

At the moment, there isn’t a recommended or officially supported way to use the Table Node UI component’s resize functionality inside the Pages extension.

That said, thanks for flagging this — it’s a good catch. I’ll take a closer look to see whether this is something we can support, and I’ll follow up once I’ve tested it.

[alexvcasillas]

Hey @baophanvuong-ncc for the tables within Pages you need to import the TableKit extension from @tiptap-pro/extension-pages, since tables have a completely different behavior when using Pages, we couldn’t polish them more for now, so please bear with us on this, as we will get a better Table support when using pages 🙇🏻