[Table] allow multiline header text

buildo · Aug 21, 2024 · ac08a02 · ac08a02
1 parent b7e2a2a
commit ac08a02
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/packages/bento-design-system/src/Table/Table.tsx b/packages/bento-design-system/src/Table/Table.tsx
@@ -609,9 +609,7 @@ function ColumnHeader<D extends Record<string, unknown>>({
           {hasHeaderContent && (
             <Columns space={8} alignY="center" align={column.align}>
               {column.Header ? (
-                <Column width="content">
-                  <Label size={config.headerSize}>{column.render("Header") as any}</Label>
-                </Column>
+                <Label size={config.headerSize}>{column.render("Header") as any}</Label>
               ) : null}
               {hint && <Column width="content">{hint}</Column>}
               {sortIcon && (

diff --git a/packages/bento-design-system/stories/Components/Table.stories.tsx b/packages/bento-design-system/stories/Components/Table.stories.tsx
@@ -31,7 +31,7 @@ const exampleColumns = [
     accessor: "name",
   }),
   tableColumn.text({
-    headerLabel: "Extended address",
+    headerLabel: "Extended complete address",
     accessor: "address",
     width: { custom: 200 },
   }),