-
Posts
-
Hi there,
Quite a simple issue, I would like to have a table in which each heading row is sticky so by scrolling all the current heading row remains on the top of the page.
I tried with:
.avia-heading-row{
position:sticky !important;
}But nothing changed.
Many thanks
Hi,
I’m not sure if that would be possible, but send us a link to where we can see the element in question, and we’ll have a closer look.
Best regards,
RikardHi Rikard, thanks for your interest, in attachment you can find the link with a demo table, I would like to do a thing as similar as possible to the “compare plans” section of Trading View: https://www.tradingview.com/gopro/?source=header_go_pro_button&feature=Buy%20Trial#compare
Let me know if it’s possible, many thanks for your support!
Hi,
Thank you for the update.
According to this stackoverflow thread, the sticky position will only work if the element is not nested deep in the DOM and that the parent containers do not have the overflow:hidden property.
// https://stackoverflow.com/questions/43707076/how-does-the-position-sticky-property-work
You might have to place the table inside a color section and make sure that the parent containers do not have the overflow property, but it might still not work since the heading row is still nested deep in the document tree.
Best regards,
Ismael
- You must be logged in to reply to this topic.