Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in
Celebration

Earn badges and make progress

You're on your way to the next level! Join the Kudos program to earn points and save your progress.

Deleted user Avatar
Deleted user

Level 1: Seed

25 / 150 points

Next: Root

Avatar

1 badge earned

Collect

Participate in fun challenges

Challenges come and go, but your rewards stay with you. Do more to earn more!

Challenges
Coins

Gift kudos to your peers

What goes around comes around! Share the love by gifting kudos to your peers.

Recognition
Ribbon

Rise up in the ranks

Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!

Leaderboard

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,462,888
Community Members
 
Community Events
176
Community Groups

How do I add horizontal scrolling to a table or page?

I have a 13 - 15 column table on a page that needs all columns to be readable.  However when I widen some columns, other columns become narrower.  Additionally, it looks like there is a limit to the width of a page, given that there is a wide amount of whitespace on the left & right sides of the page.

Is there a way to enable the table and/or page to go past the right-side edge?  Like a horizontal scrollbar at the bottom of the table that would allow me to fix the widths of individual columns and scroll the table horizontally as needed in order to view/edit the other columns not visible?

I should add that I am relatively new to Confluence and only have user (not admin) rights.

1 answer

2 votes
Diego Atlassian Team Jun 29, 2020

Hello @Mark Singer !

As I understand, the table you created does not have a scrolling bar that allows you to create wider tables and still have the content displayed as needed.

When I create a table and keep adding columns, their width does indeed reduce. However, when I resize them manually, their size goes beyond the default width set for the page. The only issue I faced was when resizing the last column.

For me to be able to resize the last column I needed to resize the previous column way more than what was needed. After that, I released the column and then reduced the column back to the needed size.

 

Here is what it looks like in edit mode and view mode:

Narrow Width - Edit

Screen-Recording-2020-06-29-at-1.gif

Narrow Width - View

Screen-Recording-2020-06-29-at-1(1).gif

Full Width - EditScreen-Recording-2020-06-29-at-1(2).gif

Full Width - ViewScreen-Recording-2020-06-29-at-1(3).gif

 

For you to resize columns you need to click the vertical line that divides each columns and then drag it.

 

Let me know if this helps you out!

Thanks @Diego it worked only in Chrome but not in MS Edge.

Like sambitbastia likes this

Hi Srinivas, i was searching for this information and yes your comment helped. But once again if i get into edit mode this resets (columns are fitted in page width). Is there a way to handle this?

Yes, everything in this cloud is sort of a horrific work-around. That said I also came here hoping there was a magical way to get wide confluence tables to behave in the new editor. After much disappointment I started playing with "Diego"s solution above.

I was likewise frustrated that none of the column settings properly persist when you go to edit the page again... and that remains true and I hope it is fixed soon.

That said, a workaround I have discovered is that you can easily highlight the ENTIRE header row... and then in one step set all of the columns to a readable width by adjusting the first column... and then save the page.

Of course...get used to doing this every time you edit the page, but if you do it this way it is easier then trying to adjust tens of columns only to be disappointed later.

image.png

I did this in Chrome.

Like # people like this

Also, you should make the column width LARGER than you think you need because it reduces slightly after saving.

Would really appreciate this being fixed.  We have a number of larger tables, which are borderline unusable because Confluence fits the table to the page horizontally, instead of providing a scroll bar

Thank you! This worked great for me in Google Chrome.

Can this get fixed for Firefox and Edge?

Like mil4216 likes this
Pete Mill I'm New Here Aug 15, 2022

Can this get fixed for something, anything?

This pretended to work for me while I edited the table in Chrome.  I had scroll bars and wide columns and it was almost doing what I wanted it to do. 

Unfortunately when I published the page it resized everything and lost the scroll bars and the column width settings which I had painstakingly configured.

So, while of course it might be that I just haven't quite figured out the intricacies of the interface, I would like wide tables with horizontal scroll bars please!

If we can't get Confluence to work we'll be made to do it in Teams - which I'd rather not do.

Thanks John Johnson this trick worked for us! Hope Atlassian Team will resolve this soon as it's really anoying.

Like John Johnson likes this

Glad to help... there is no truer use for the phrase "we are all in this together"... than for The Cloud (tm).

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
PRODUCT PLAN
STANDARD
TAGS

Atlassian Community Events