From b59d718dca80bd9a8ee65993ddc2358ecd127024 Mon Sep 17 00:00:00 2001
From: Nayden Naydenov <31909318+nnaydenow@users.noreply.github.com>
Date: Fri, 15 Nov 2024 15:34:20 +0200
Subject: [PATCH] fix(ui5-table): text cut due to column overflow (#10193)

If the table has a fixed size and the text in its columns cannot wrap, the content will be cut off due to overflow when the total width of the columns exceeds the table's width.

![image](https://github.com/user-attachments/assets/d3a52eba-b944-4f07-ade6-e79b73903665)

This issue, caused by an incorrect size of the busy indicator, has been resolved with the current update.

Related to: #10168
---
 packages/compat/src/themes/Table.css | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/compat/src/themes/Table.css b/packages/compat/src/themes/Table.css
index edeae057af64..1c17ab63aa21 100644
--- a/packages/compat/src/themes/Table.css
+++ b/packages/compat/src/themes/Table.css
@@ -10,13 +10,17 @@
 	border-bottom: var(--ui5_table_bottom_border);
 }
 
-.ui5-table-root,
-.ui5-table-busy-indicator {
+.ui5-table-root {
 	width: 100%;
 	height: 100%;
+	display: flex;
 	box-sizing: border-box;
 }
 
+.ui5-table-busy-indicator {
+	flex-grow: 1;
+}
+
 table {
 	width: 100%;
 	border-spacing: 0;