It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

Scrollable Tables with Sticky Headings

I have loads of pages with tables of information. Cells in the tables are linked using Links and Anchors to provided users with the ability to see relevant associated information.

I am running v5.9.4

I have 2 problems that I can't find an answer to:

1) How can I create Scrollable Tables that are independant of the page?

2) Where tables are more than a screenful, how can I retain the headings when navigating from a page to another page table with an Anchor a long way down the table.

2 answers

0 votes
Thomas Schlegel Community Leader Jun 26, 2017

Hi Jim,

you can add a separately scrollable space on a confluence page with CSS.

Add a CSS Stylesheet to your page:

{style}
  .panel {  width:1100px;  height:600px;  overflow: auto;  } 
{style}

 Then add a regular panel and put the large table into that panel.

{panel:borderColor=white|bgColor=white}  the Table  {panel}

Thanks for your reply Thomas, I was hoping there would be something out of the box.

I guess I'm going to have to get my hands dirty and learn some coding stuff :-)

Thomas Schlegel Community Leader Jun 27, 2017

Hi Jim, 

it's not too hard to implement this but if you experience any problems, don't hesitate to ask.

@Thomas Schlegel hi, where should i put the code below? in the space editor or stylesheet? thanks in advance

{panel:borderColor=white|bgColor=white}  the Table  {panel}

Hi @Adrina Razali and @Antonio Paulo Galdeano Damiance Junior 

At first, I have the same question as you do.  Then I figure it out where to put the code:

1.  Please follow the 4 steps under section called "to edit space's CSS style sheets" as described on https://confluence.atlassian.com/doc/styling-confluence-with-css-166528400.html.  You can see how I did the 4 steps on my Confluence (v6.9) here: https://www.screencast.com/t/lhq7GDk44gAD

2.  Add a panel to your page.  This panel will be scrollable if you add some content into it; it is preferable that you add a substantial amount of content, like a "large table" as suggested by Thomas.  This works for me as shown in my Confluence page here: https://www.screencast.com/t/RfMkmMIf

  

Like Erik Seavey likes this

Hello Jim,

If you have Table Filter and Charts add-on installed in your Confluence, you can use Table Filter macro freezing rows option as a workaround.

Suggest an answer

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

6 Awesome Ways to Apply Trello, JIRA and Confluence to your Project

I attended  Atlassian Summit 2019  and learned a lot from the presenters, attendees and knowledgeable Atlassian product managers. The presentations I attended focused on applying Agile, pla...

3,822 views 15 37
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