SAP
[AnalyticalTable]: Extra space on the right side of the table when set maxWidth of several columns
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
- Add several maxWidth to some columns
- 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:
The expected behavior:
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
- [X] I’m not disclosing any internal or sensitive information.
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
This issue persists in 2.x Do you need any more information to fix this? Do you need a reproducer in your new stackblitz?
HI all, we are experiencing the same issue (2.6.0), is there any good new ?
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.
:tada: This issue has been resolved in version v2.9.2 :tada:
The release is available on v2.9.2
Your semantic-release bot :package::rocket:
