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}
Like 1 person likes this

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 1 person 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
This widget could not be displayed.
This widget could not be displayed.
Community showcase
Published Thursday in Confluence

Confluence CVEs and common questions

Two vulnerabilities have been published for Confluence Server and Data Center recently: March 20, 2019 CVE-2019-3395 / CVE-2019-3396 April 17, 2019 CVE-2019-3398 The goal of this article is...

349 views 0 12
Read article

Atlassian User Groups

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

Find a group

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

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you