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

Next challenges

Recent achievements

  • Global
  • Personal


  • Give kudos
  • Received
  • Given


  • Global

Trophy case

Kudos (beta program)

Kudos logo

You've been invited into the Kudos (beta program) private group. Chat with others in the program, or give feedback to Atlassian.

View group

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

CSS Sticky code doesn't apply once in a page layout.

I have a table within a DIV macro that applies coding and CSS styling. As part of this it allows the table headings to stick to the page, but functionality stops as soon as the table is placed within any page layout.

The table is a Confluence Table and not one generated via HTML.

The reason the div scripting is in place is to provide search functionality across the table or to specified columns depending on the use case.

I'm guessing there is an overflow: hidden lurking in one of the layout associated CSS classes, I just can't see to spot which one.

1 answer

1 accepted

2 votes
Answer accepted

Hello Becki,

Welcome to Atlassian Community. It's nice to meet you.

Concerning the sticky headings, Confluence table headings are sticky by default. Have a look at Confluence Tables > Sticky table headers in view mode for more details:

Sticky table headers in view mode

In some instances table header rows will stick to the top when you're viewing a page, making those really long tables easier to read. There are a few exceptions, though. Table headers aren't sticky when your table:

  • Is inside a page layout, inside another table, or inside a macro.
  • Has no header row or there are cells in the top row that aren't marked as headers.
  • Has a header column, instead of a header row, and scrolls horizontally.
  • Contains another table, that has its own header row. 

In addition, there's an add-on Table Filter and Charts for Confluence that can help with this.

Besides the sticky headings, is your CSS styling not working? Could you show us what you're trying to do with the styling and the code that you've used so far? It will also help if you let us know your Confluence version.



Suggest an answer

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

What do you think is the most *delightful* Confluence feature? Comment for a prize!

- Create your own custom emoji 🔥 - "Shake for Feedback" on mobile 📱 - An endless supply of GIFs via GIPHY 🤩 Is there anything quite as nice as a pleasant surprise? Comment below with what...

453 views 24 9
Join discussion

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