Skip to content

[AnalyticalTable]: Extra space on the right side of the table when set maxWidth of several columns #4971

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
1 task done
Mipaprika opened this issue Aug 16, 2023 · 5 comments · Fixed by #7214
Closed
1 task done
Labels

Comments

@Mipaprika
Copy link

Describe the bug

When I set maxWidth to several columns, and resize the browser(In the example posted below, resize the browser width to make the table's width between around 1260px ~ 1340px), there will be extra space on the right side of the table. When I remove the maxWidth, everything is ok.

Isolated Example

https://codesandbox.io/p/sandbox/heuristic-panini-zxnf9n?file=/src/App.tsx:106,20

Reproduction steps

  1. Add several maxWidth to some columns
  2. Adjust the browser width, and then you'll notice that when the width is within a certain range, there will be an extra space on the right side of the table.

Expected Behaviour

No extra space.

Screenshots or Videos

The extra space on the right side when adjusting the width to a certain range:
image

The expected behavior:
image

UI5 Web Components for React Version

~1.18.0

UI5 Web Components Version

~1.16.0

Browser

Chrome, Firefox, Safari

Operating System

No response

Additional Context

No response

Relevant log output

No response

Declaration

  • I’m not disclosing any internal or sensitive information.
@wvudako
Copy link

wvudako commented May 14, 2024

We are having the same issue but without resizing the browser
We are using scaleWidthMode={AnalyticalTableScaleWidthMode.Smart}
The behaviour does not depend on setting width, only the maxWidth of the last column
We cannot use AnalyticalTableScaleWidthMode.Grow because we want to have a single column to grow to max out the rows width but this results in a horizontal scrollbar being created

@wvudako
Copy link

wvudako commented Nov 22, 2024

This issue persists in 2.x
Do you need any more information to fix this? Do you need a reproducer in your new stackblitz?

@MarcusNotheis MarcusNotheis removed the bug label Dec 16, 2024
@signavio-fghedina
Copy link

HI all, we are experiencing the same issue (2.6.0), is there any good new ?

@Lukas742
Copy link
Contributor

Hi all,
the linked PR will fix the issue in the "Default" mode. In case you experience issues in other scaleWidthModes, please open another bug report.

@ui5-webcomponents-react-bot
Copy link
Contributor

🎉 This issue has been resolved in version v2.9.2 🎉

The release is available on v2.9.2

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: 🆕 New
Development

Successfully merging a pull request may close this issue.

6 participants