Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 7, 2021 at 9:24 pm #1293138
    phex_

    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

    April 9, 2021 at 3:24 pm #1293532
    phex_

    can anyone help me?

    April 10, 2021 at 8:06 am #1293613
    Rikard

    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,
    Rikard

    April 10, 2021 at 3:02 pm #1293634
    phex_

    Hi 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!

    April 13, 2021 at 4:20 am #1294016
    Ismael

    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

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.