fix: add overflow to the generated table

halo-dev · Jan 15, 2024 · 6a892d7 · 6a892d7
1 parent 97a4c08
commit 6a892d7
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/console/packages/editor/src/extensions/table/index.ts b/console/packages/editor/src/extensions/table/index.ts
@@ -432,14 +432,18 @@ const Table = TiptapTable.extend<ExtensionOptions & TableOptions>({
     );
 
     const table: DOMOutputSpec = [
-      "table",
-      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
-        style: tableWidth
-          ? `width: ${tableWidth}`
-          : `minWidth: ${tableMinWidth}`,
-      }),
-      colgroup,
-      ["tbody", 0],
+      "div",
+      { style: "overflow-x: auto; overflow-y: hidden;" },
+      [
+        "table",
+        mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
+          style: tableWidth
+            ? `width: ${tableWidth}`
+            : `minWidth: ${tableMinWidth}`,
+        }),
+        colgroup,
+        ["tbody", 0],
+      ],
     ];
 
     return table;