feat(components): Table colWidths enforces width

trezor · Oct 3, 2024 · 1dccfc1 · 1dccfc1
1 parent fedf275
commit 1dccfc1
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/packages/components/src/components/Table/Table.stories.tsx b/packages/components/src/components/Table/Table.stories.tsx
@@ -37,8 +37,20 @@ export const Table: StoryObj = {
     ),
     args: {
         ...getFramePropsStory(allowedTableFrameProps).args,
+        colWidths: 'none',
     },
     argTypes: {
         ...getFramePropsStory(allowedTableFrameProps).argTypes,
+        colWidths: {
+            options: ['none', 'fixed'],
+            mapping: { none: undefined, fixed: ['150px', '400px'] },
+            control: {
+                type: 'select',
+                labels: {
+                    none: 'undefined',
+                    fixed: "fixed = ['150px', '400px']",
+                },
+            },
+        },
     },
 };
diff --git a/packages/components/src/components/Table/Table.tsx b/packages/components/src/components/Table/Table.tsx
@@ -43,7 +43,7 @@ export const Table = ({ children, margin, colWidths }: TableProps) => {
                     {colWidths && (
                         <colgroup>
                             {colWidths.map((width, index) => (
-                                <col key={index} style={{ width }} />
+                                <col key={index} style={{ minWidth: width, maxWidth: width }} />
                             ))}
                         </colgroup>
                     )}