Tweaked table styling to match the editor

kudlajz · kudlajz · commit 972ce4f662a3 · 2025-09-11T16:23:12.000+02:00
diff --git a/src/elements/Table/Table.scss b/src/elements/Table/Table.scss
@@ -5,7 +5,7 @@
     overflow-x: auto;
 
     &--withFixedColumns {
-        width: min(var(--width), 100vw);
+        width: min(var(--width), 95vw);
         margin-left: 50%;
         transform: translateX(-50%);
     }
@@ -18,11 +18,9 @@
     table-layout: auto;
 
     &--withFixedColumns {
-        width: initial;
         max-width: none;
         margin-left: auto;
         margin-right: auto;
-        table-layout: fixed;
     }
 }
 
diff --git a/src/elements/Table/Table.tsx b/src/elements/Table/Table.tsx
@@ -27,7 +27,6 @@ export function Table({ children, node }: Props) {
                 className={classNames('prezly-slate-table', {
                     'prezly-slate-table--withFixedColumns': withFixedColumns,
                 })}
-                style={{ width }}
             >
                 <tbody>{children}</tbody>
             </table>

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,6 @@ export function Table({ children, node }: Props) {`
`27`	`27`	`className={classNames('prezly-slate-table', {`
`28`	`28`	`'prezly-slate-table--withFixedColumns': withFixedColumns,`
`29`	`29`	`})}`
`30`		`- style={{ width }}`
`31`	`30`	`>`
`32`	`31`	`<tbody>{children}</tbody>`
`33`	`32`	`</table>`