add new option to control table rendering for wrapper (#7141)

* add new option to control table rendering for wrapper

* Update packages/extension-table/src/table/table.ts

Co-authored-by: Copilot <[email protected]>

* Update packages/extension-table/src/table/table.ts

Co-authored-by: Copilot <[email protected]>

---------

Co-authored-by: Copilot <[email protected]>

Author: bdbch

.changeset/add-table-rendering-option.md

@@ -0,0 +1,5 @@
+---
+"@tiptap/extension-table": patch
+---
+
+Add a `renderWrapper` option to the Table extension so consumers can customize whether the table wrapper for the resizable node view should be rendered in non-editable mode as well.

packages/extension-table/src/table/table.ts

@@ -57,6 +57,14 @@ export interface TableOptions {
    */
   resizable: boolean
 
+  /**
+   * Controls whether the table should be wrapped in a div with class "tableWrapper" when rendered.
+   * In editable mode with resizable tables, this wrapper is always present via TableView.
+   * @default false
+   * @example true
+   */
+  renderWrapper: boolean
+
   /**
    * The width of the resize handle.
    * @default 5
@@ -247,6 +255,7 @@ export const Table = Node.create<TableOptions>({
     return {
       HTMLAttributes: {},
       resizable: false,
+      renderWrapper: false,
       handleWidth: 5,
       cellMinWidth: 25,
       // TODO: fix
@@ -280,7 +289,7 @@ export const Table = Node.create<TableOptions>({
       ['tbody', 0],
     ]
 
-    return table
+    return this.options.renderWrapper ? ['div', { class: 'tableWrapper' }, table] : table
   },
 
   parseMarkdown: (token: MarkdownTableToken, h) => {