Is there a way to change the table sizing from pixels (px) to percentages (%)?

[morimi]

I would like to distribute cell widths using percentage-based sizing within a table that always has a width of 100%. However, the current Lexical Table Plugin (@lexical/table) is coded to use pixel units, and there doesn't seem to be a way to change that.

lexical/packages/lexical-table/src/LexicalTableNode.ts

Line 77 in a51b69d

col.style.width = `${width}px`;

lexical/packages/lexical-table/src/constants.ts

Line 9 in a51b69d

export const PIXEL_VALUE_REG_EXP = /^(\d+(?:\.\d+)?)px$/;

lexical/packages/lexical-table/src/LexicalTableNode.ts

Line 628 in a51b69d

if (!PIXEL_VALUE_REG_EXP.test(width)) {

lexical/packages/lexical-table/src/LexicalTableCellNode.ts

Line 142 in a51b69d

element.style.width = `${this.__width}px`;

lexical/packages/lexical-table/src/LexicalTableCellNode.ts

Line 182 in a51b69d

element.style.width = `${this.getWidth() || COLUMN_WIDTH}px`;

lexical/packages/lexical-table/src/LexicalTableCellNode.ts

Line 337 in a51b69d

if (PIXEL_VALUE_REG_EXP.test(domNode_.style.width)) {

From what I can tell after reading through the source code, it seems like the only option is to create a custom plugin that uses percentage-based units instead of using the official @lexical/table plugin.

It might be possible to work around this by setting a max-width to prevent the table from overflowing its container, but that doesn’t solve the underlying issue.

If there’s a way to change the unit used by the Table Plugin from pixels to percentages, I’d really appreciate any guidance.