nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Remove/fix automatic horizontal scrollbar on tables

rasmus.brattstrom

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.

Accepted answers

All comments

Diego_88dj6o

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.

Nicolás_oqczcp

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.jpg published view.jpg

Any ideas on how can I solve this issue?

Nicolás_oqczcp

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

Nicolás_oqczcp

Hi, I have the same problem:

Lukas_9unkvm

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

Corin Fairchild

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.

Jamie Counsell

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

Chetan_gusi6e

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

Gilles Lesire

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.

Norma Magalhães

Hello,

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

Thank you.

Liz D

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.

Ron De Jesus

Have the same issue - it's ugly AF.

jonlar

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

Gilles Lesire

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.

jonlar

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.

Jen Schaeffer

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

Andrew Darrant

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!

James Petrovic

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.

Jenni Claire Postlethwaite

has this been fixed as I have this same issue?

Armands Šlihte

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

Jenni Claire Postlethwaite

Starting to think excel is easier

Anthony Rice_x7evfb

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.

Jenni Claire Postlethwaite

Thank you!

Bas Zwaan

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

Gilles Lesire

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.

Andrew Darrant

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.

George Linsdell

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

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

Dear Atlassian, Here are the steps to repro.

Create Page keeping default narrow width for overall page.
Insert Table ("Default 3x3 is fine")
Insert a new line and some text after the table so it is not the last thing in the document.
Insert Text Content into all cells.
Set content width for table item to full screen width
Resize the Table columns to bunch column 1 and column 2 to be smaller than column 3
Publish
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."

Ida Rogalska

Any chance this problem will be fixed?

Stephen McCafferty

More than 4 years on, and apparently nothing has happened in this regard. Our company recently moved to cloud, and as a result, loads of pages now have a horizontal scroll bar in tables where previously there were none. I'm having this issue with tables that consist of a single cell (used in conjunction with page properties) - there really is no reason that I should have to go in and manually edit all the pages that have this issue in a tables with a single cell. There is also absolutely no reason why fixing it should be so convoluted and be a multi-step purpose involving adding an unneeded cell just so I can resize the existing cell before deleting the unneeded cell.

How about adding the ability to automatically adjust the width of tables to the size of the monitor, at least in those situations where that makes sense? I can understand that a table with 20 columns won't fit on a single screen. But it makes no sense that tables that previously worked fine under any resolution are now illegible and require manual editing. It also doesn't make sense to have cells that are wider than can be displayed on the screen without a scroll bar. It makes reading the contents of the table an absolute chore, requiring you to constantly scroll left and right on every single line of text. Given that my texts are 20+ lines of text, that's an awful lot of scrolling for every single user visiting the page.

Please fix.

Scott Welker_prms7o

OMH George Linsdell! This worked for me. Thank you!!

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

I have lost so much time and productivity futzing around with this. Thanks again.

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

cloud

confluence-cloud