Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
4,293,445
Community Members
 
Community Events
165
Community Groups

Remove/fix automatic horizontal scrollbar on tables

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. 

13 answers

This bug is so damn annoying.
As soon as you add a table to a page that already had tables. They all get unncessary ugly scrollbars when published. (Not shown during editing).
Please fix this. 


Naamloos.png

Starting to think excel is easier 

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.

image 1.png

I'm having exactly the same problem in Confluence Cloud.
This looks like another dead end feed with no answer. There are many of these asking the same question.

Like Liz D likes this

Exact same issue here. Very frustrating. @Diego did you ever follow up with the original asker on this?

Here I am ... facing the same issue. I keep getting horizontal scroll bar even though the table only has 1 or 2 columns.

Same here, horizontal scrollbar in a two columns layout for most tables (sometimes I can remove them by changing the table width, but it works just sometimes).

Like # people like this

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. 

Like # people like this
2 votes
Diego Atlassian Team Nov 27, 2019

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:

TableScrollbar.jpg

 

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, I'm having the same problem. When I publish the page, horizontal scroll bars appear on all tables, but while editing I dont see them:

Edit view.jpgpublished view.jpg

Any ideas on how can I solve this issue?

Like # people like this

I just want to add that if the side bar is collapsed the horizontal scroll bars disappear.

Hi, I have the same problem:

Like Robert Gates likes this

Same problem here.
I have a page with three tables, with two columns each. In viewing mode two of the tables show horizontal scrollbars, but in edit mode the columns are all sized the same on each table. Only the text length varies in each.

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. 

xUHwMjXwtH.png3LLy1QdQtZ.png

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!

0 votes

Another workaround if you have already inputted content into the table, and the auto scaling does not let you resize the Rightmost column:

  1. Add column right
  2. Resize the column which could not be resize previously.
  3. Delete newly added column. 
  4. The horizontal Scroller is gone

 

Dear Atlassian, Here are the steps to repro.

  1. Create Page keeping default narrow width for overall page.
  2. Insert Table ("Default 3x3 is fine")
  3. Insert a new line and some text after the table so it is not the last thing in the document.
  4. Insert Text Content into all cells.
  5. Set content width for table item to full screen width
  6. Resize the Table columns to bunch column 1 and column 2 to be smaller than column 3
  7. Publish
  8. Now good luck trying to get the scroll bar to dis-sappear. without adding a deleting the last column as suggested above.

 

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." 

Problem is still there. Any fix? We are about to upgrade Confluence but I am starting to get regrets.

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. 

I gave up on Confluence entirely pretty quickly basically this issue and it being impossible to change font size makes it far too frustrating to use. 

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?!

has this been fixed as I have this same issue?

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%
PageZoom80Perent.png

 

Page Zoom 110%

PageZoom110Perent.png


Hope that helps.

Is this going to be looked at - it seems there is no way of putting a table in a column and having it correctly size - the more I try the worse it gets - its horrible!

You can manually adjust the size of the columns in edit mode to fix this.

Yes, let me just go over thousands of pages and edit them manually for a bug that caused this automatically. Only to have it reappear randomly just a bit later.

Like Christie Gera _Appfire_ likes this

I've only seen this once, and it was an edit by another person, so I have no idea what he did to make it happen.

Just posting a quick fix that worked for me for anyone else to use, or not.

Like RPT Admin likes this

@RPT Admin I see you liked this, but how do you do it? I've been fighting with this for months. When a table is in a column, it maximizes to fill the entire horizontal space. I can't make the entire table skinnier, just make the individual columns larger or smaller.

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. 

Have the same issue - it's ugly AF.

Hello,

 

I have the same problem. Do you know already how to fix it?

 

Thank you.

No one knows how to fix it.. Atlassian apparently does not notice or does not care that this issue exists. It's been a problem for over a year (at least), and it has actually gotten much worse recently. 

Like # people like this

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Published in Confluence

Confluence: Where work and wellness meet

Feeling overwhelmed by the demands of work and life? With a 25% increase in the prevalence of anxiety and depression worldwide during the pandemic, for most of us, it’s a resounding yes . 🙋‍♀️ ...

743 views 5 21
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you