This repository has been archived by the owner on Jan 5, 2023. It is now read-only.
Difficulty making horizontal scroll line up #634
Unanswered
HaveSpacesuit
asked this question in
Q&A
Replies: 2 comments 5 replies
-
Hi @HaveSpacesuit, what version of itwinui are you using? If you can post the result of Initial horizontal scroll support was added in /cc @bentleyvk |
Beta Was this translation helpful? Give feedback.
2 replies
-
@HaveSpacesuit, can you prepare codesanbox with reproduction of this issue? Because I thought the problem might be too long strings but it is not causing this issue on my side. |
Beta Was this translation helpful? Give feedback.
3 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I'm having trouble implementing iTwin table with many columns. The horizontal scroll will not line up unless I set the
min-width
to undefined or 0 on the table, and I add a specific width to each column. But adding a width to each column causes the table to not fill available space if using fewer columns.Column widths: unset
Table width: set by iTwin
A few columns look nice
But many columns don't line up, and the header doesn't scroll
Column widths: unset
Table width: manually styled as
unset !important
, overriding iTwinHorizontal scroll works better, the header can scroll, but the columns are not lined up
Column widths: each is set to 150
Table width: manually styled as
unset !important
Everything scrolls and lines up nicely
But with a few columns, the columns do not space out evenly, leaving the last column looking too large
Column widths: each is set to 150
Table width: set by iTwin
Horizontal scroll does not work
Beta Was this translation helpful? Give feedback.
All reactions