fix: Dropdown of filterable columns not always visible and missing hi…

…nting dots for long column names #2400 (#2414)
h2oai · Oct 3, 2024 · 7bd8845 · 7bd8845
1 parent 5f83b36
commit 7bd8845
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/ui/src/table.tsx b/ui/src/table.tsx
@@ -396,7 +396,8 @@ const
             const sortIconName = sortCols && sortCols[props.column.key] ? 'Sort' + sortCols[props.column.key] : 'Sort'
 
             return (
-              <div style={{ display: 'flex', alignItems: 'center' }}>{props.column.name}
+              <div style={{ display: 'flex', alignItems: 'center' }}>
+                <span style={{ textOverflow: 'ellipsis', overflow: 'hidden' }}>{props.column.name}</span>
                 {c.sortable && (
                   <Fluent.Icon iconName={sortIconName}
                     className={css.sortingIcon}