From 7bd884563bb9533215e1d0bc56c7c50ca62c8b49 Mon Sep 17 00:00:00 2001
From: Dan Branley <61979454+dbranley@users.noreply.github.com>
Date: Thu, 3 Oct 2024 03:31:19 -0400
Subject: [PATCH] fix: Dropdown of filterable columns not always visible and
 missing hinting dots for long column names #2400 (#2414)

---
 ui/src/table.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/ui/src/table.tsx b/ui/src/table.tsx
index fda80fdf96..04d343f820 100644
--- 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}