Skip to content
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

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

Open
1 task done
Mipaprika opened this issue Aug 16, 2023 · 1 comment
Labels
bug Something isn't working

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.
@Mipaprika Mipaprika added the bug Something isn't working label Aug 16, 2023
@gitgdako
Copy link

gitgdako 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

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

No branches or pull requests

2 participants