Scrollable Tables with Sticky Headings

[Jim Smith]

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.

[Andrey Khaneev [StiltSoft]]

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.

[Thomas Schlegel]

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}

[Jim Smith]

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]

Hi Jim, 

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

[Adrina Razali]

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

[Antonio Paulo Galdeano Damiance Junior]

i have the same question

[Khuong Vu]

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