Skip to content

Commit

Permalink
fix(ui5-table): text cut due to column overflow (#10193)
Browse files Browse the repository at this point in the history
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
  • Loading branch information
nnaydenow authored Nov 15, 2024
1 parent b6494dd commit b59d718
Showing 1 changed file with 6 additions and 2 deletions.
8 changes: 6 additions & 2 deletions packages/compat/src/themes/Table.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down

0 comments on commit b59d718

Please sign in to comment.