How the table component supports table data in tables

[ZhangMingZhao1]

Description

like this feature, How can support the insertion of tables in cells, and how can render the data in the html of the tables in the table

Reproduction URL

No response

Reproduction steps

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Plate version

lastest

Slate React version

lastest

Screenshots

Logs

Browsers

No response

[dosubot[bot]]

Plate tables support nesting tables inside table cells by default—cells can contain any block element, including another table. There’s no built-in UI for inserting a table into a cell, but you can programmatically insert a table node as a child of a cell node. The schema and normalization logic do not block this pattern, and recent versions (27.0.2+) include fixes for merging cells inside nested tables, confirming ongoing support (source).

For rendering nested tables as HTML, use Plate’s static components for serialization. Avoid interactive components that depend on React context (like TableProvider), as these can cause errors during static export or SSR (source). See the static rendering guide for details.

There are no official docs or UI for nested tables, so you’ll need to handle insertion and advanced interactions (like toolbars or resizing) yourself. Some advanced features may not fully account for nested tables, so test your use case for quirks.

Example: to insert a nested table, create a table node and insert it into the children array of a cell node. When serializing, use the static renderer to ensure valid HTML output.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}