[lexical-table] Bug Fix: Change exported table column width (#6243)

Co-authored-by: areznik10 <[email protected]>
facebook · Jun 3, 2024 · 573105c · 573105c
1 parent b77c39a
commit 573105c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/packages/lexical-table/src/LexicalTableCellNode.ts b/packages/lexical-table/src/LexicalTableCellNode.ts
@@ -28,7 +28,7 @@ import {
   ElementNode,
 } from 'lexical';
 
-import {PIXEL_VALUE_REG_EXP} from './constants';
+import {COLUMN_WIDTH, PIXEL_VALUE_REG_EXP} from './constants';
 
 export const TableCellHeaderStates = {
   BOTH: 3,
@@ -152,18 +152,14 @@ export class TableCellNode extends ElementNode {
 
     if (element) {
       const element_ = element as HTMLTableCellElement;
-      const maxWidth = 700;
-      const colCount = this.getParentOrThrow().getChildrenSize();
       element_.style.border = '1px solid black';
       if (this.__colSpan > 1) {
         element_.colSpan = this.__colSpan;
       }
       if (this.__rowSpan > 1) {
         element_.rowSpan = this.__rowSpan;
       }
-      element_.style.width = `${
-        this.getWidth() || Math.max(90, maxWidth / colCount)
-      }px`;
+      element_.style.width = `${this.getWidth() || COLUMN_WIDTH}px`;
 
       element_.style.verticalAlign = 'top';
       element_.style.textAlign = 'start';

diff --git a/packages/lexical-table/src/constants.ts b/packages/lexical-table/src/constants.ts
@@ -7,3 +7,7 @@
  */
 
 export const PIXEL_VALUE_REG_EXP = /^(\d+(?:\.\d+)?)px$/;
+
+// .PlaygroundEditorTheme__tableCell width value from
+// packages/lexical-playground/src/themes/PlaygroundEditorTheme.css
+export const COLUMN_WIDTH = 75;