fix: incorrect column's width after cell merging (#962)

projects/tui-editor/components/editor-socket/styles/table.less

@@ -2,7 +2,7 @@
 
 table {
     border-collapse: collapse;
-    table-layout: fixed;
+    table-layout: unset;
     width: 100%;
     margin: 0;
     overflow: hidden;

projects/tui-editor/extensions/default-editor-extensions/default-editor-extensions.ts

@@ -29,8 +29,10 @@ export const defaultEditorExtensions = [
     import(`@tinkoff/tui-editor/extensions/table`).then(({TuiTable}) =>
         TuiTable.configure({resizable: true}),
     ),
+    import(`@tinkoff/tui-editor/extensions/table-cell`).then(
+        ({TuiTableCell}) => TuiTableCell,
+    ),
     import(`@tiptap/extension-table-row`).then(({default: TableRow}) => TableRow),
-    import(`@tiptap/extension-table-cell`).then(({default: TableCell}) => TableCell),
     import(`@tiptap/extension-table-header`).then(({TableHeader}) => TableHeader),
     import(`@tinkoff/tui-editor/extensions/indent-outdent`).then(
         ({TuiTabExtension}) => TuiTabExtension,

projects/tui-editor/extensions/table-cell/index.ts

@@ -0,0 +1 @@
+export * from './table';

projects/tui-editor/extensions/table-cell/ng-package.json

@@ -0,0 +1,5 @@
+{
+    "lib": {
+        "entryFile": "index.ts"
+    }
+}

projects/tui-editor/extensions/table-cell/table.ts

@@ -0,0 +1,14 @@
+import {mergeAttributes} from '@tiptap/core';
+import TableCell from '@tiptap/extension-table-cell';
+
+export const TuiTableCell = TableCell.extend({
+    renderHTML({HTMLAttributes}) {
+        const attrs = mergeAttributes(this.options.HTMLAttributes, HTMLAttributes);
+
+        if (attrs.colwidth) {
+            attrs.style = `width: ${attrs.colwidth}px`;
+        }
+
+        return [`td`, attrs, 0];
+    },
+});

tsconfig.build.json

@@ -17,7 +17,7 @@
             "@taiga-ui/core": ["./taiga-ui/dist/core/index"],
             "@taiga-ui/core/*": ["./taiga-ui/dist/core/*"],
             "@taiga-ui/i18n": ["./taiga-ui/dist/i18n/index"],
-            "@taiga-ui/i18n/*": ["./taiga-ui/dist/i18n/*"],
+            "@taiga-ui/i18n/*": ["./taiga-ui/dist/i18n/*"]
         }
     }
 }