You're on your way to the next level! Join the Kudos program to earn points and save your progress.
Level 1: Seed
25 / 150 points
1 badge earned
Challenges come and go, but your rewards stay with you. Do more to earn more!
What goes around comes around! Share the love by gifting kudos to your peers.
Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!
Join now to unlock these features and more
Hi, I have a problem with most of the tables in the new centred page layout. Anytime the page is viewed on any resolution lower than 1920x1080 resolution some tables suddenly have a horizontal scrollbar, even when the table is not wide enough that it should need it. Is there any way to disable the scrollbar or fix this issue?
Thanks in advance.
Another workaround if you have already inputted content into the table, and the auto scaling does not let you resize the Rightmost column:
Dear Atlassian, Here are the steps to repro.
I'm finding that Anthony's workaround doesn't work if you have already populated the table with content. And that trying to manually drag the Rightmost Column doesn't work, and therefore the horizonal scroller remains. This is the case even if there is sufficient whitespace in the Rightmost column to permit shrinkage of the column with.
Anthony's workaround when creating a new table.
"Edit the page again, then hover the mouse over the right hand most table edge, and click drag to resize the right hand edge. It doesn't move, but it might rescale the other columns. Drag to the left enough, then publish the page again."
Same issue for me. If I edit the page on larger screen and save it, then on smaller screens the scrollbar is always present. This happens for normal tables and also for tables inside the properties macro. It is really frustrating as page is full of scrollbars. I'm using the new editor and 2 column layout.
The quickest fix I have found, when adding a new table to a page, then publish the page and the horizontal scrollbar appears ...
Edit the page again, then hover the mouse over the right hand most table edge, and click drag to resize the right hand edge. It doesn't move, but it might rescale the other columns. Drag to the left enough, then publish the page again.
The horizontal scrollbar is then gone - you can edit the page and adjust the other column sizes again.
This has been the most reliable solution I have found.
Hello there, @rasmus.brattstrom !
As I understand, your table is displayed with scrollbars even when you do not need them. Having incoherent behavior or visual can be frustrating.
I tried to replicate this in a 1280x720 screen but the behavior you described, is not present. Here is what I see:
Would it be possible for you to send us some screenshots of what you actually see when tables are viewed? Just be sure to not disclose any kind of sensitive information within those screenshots. Community is an open space and anyone can see what is posted here!
Also, could you describe how was the process of creating the page and tables that show the problem? This can help us to try and replicate the issue locally.
Looking forward to your reply, Rasmus.
Hi Diego, Apologies for the late reply, I've attached some screenshots showing the issue. It seems it's a problem with tables placed in columns, The scrollbar is only shown on lower resolutions. On my 1920x1080 screen there's no issue, regardless if I have the side menu shown or not, but on smaller resolutions, it seems that the tables have the horizontal scroll bar any time the sidebar is on as well, even if there's still plenty of space on the sides and no need for the column to be resized. Same happens if I unmaximize the browser window to a smaller size on the 1920x1080 screen. There's no zoom applied in either chrome or via windows.
Thanks for looking into this.
Diego - have you had any joy on this in the last 2 years - I just want to stick a table in a column but it seems to automatically make the table a huge width with no way of changing it hence you get a big horizontal scroll - basically making it impossible to create nice pages!
This has still not been resolved, the only "solution" is to minimize the sidebar on the left. Which simply impacts the user experience.
Frankly disappointed Atlassian has STILL not picked up on this. A simple feature that used to work perfectly fine and is so important to readibility of pages.
I mean it is just a table, with no specific width settings.
Atlassian why is this still not fixed?
Diego tested this in 1280x720 screen, why does that matter? There should never be horizontal scroll bars on tables what ever size. Scroll bar on whole page is fine, but not on each table!
2,5 years and this is still not fixed?!
Whilst not a true solution (rather just a quick visual hack), if I Zoom OUT of the page (i.e. Cntrl+Scroll on mouse wheel) so that the page is zoomed at say 80%, then the scrollbar disappears from the table. Conversely, if I zoom IN to say 110% then the scrollbar reappears...
Page Zoom 80%
Page Zoom 110%
Hope that helps.
Sorry I have no solution. To be fair, I haven't noticed this problem in any of my sites for a long time - but I think that's because they're mostly mature sites that are rarely subject to major updates. When I see this issue again, I'll be straight back to this page to check for progress.