Allow dataframe column content to wrap (#9949)

* camend header-content css wrap * add changeset --------- Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
gradio-app · Nov 15, 2024 · cfb62bf · cfb62bf
1 parent fc06fe4
commit cfb62bf
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/.changeset/eighty-turtles-accept.md b/.changeset/eighty-turtles-accept.md
@@ -0,0 +1,6 @@
+---
+"@gradio/dataframe": patch
+"gradio": patch
+---
+
+fix:Allow dataframe column content to wrap
diff --git a/js/dataframe/shared/Table.svelte b/js/dataframe/shared/Table.svelte
@@ -1241,8 +1241,8 @@
 	}
 
 	th .header-content {
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
+		white-space: normal;
+		overflow-wrap: break-word;
+		word-break: break-word;
 	}
 </style>