Pricing Blog

Fixing Table...

  • alexsiale_17363-1242061830445207603

    Alex

    1 year ago

    Anyone have an idea on why my table isn't responding beyond the parent?
    1242061830885478420-Screenshot_2024-05-20_at_10.26.07_PM.png
  • victoruxui-1242116859218755645

    Victor Giron

    1 year ago

    That's the downiside of sticky positioning, you can try using my table, copy the code I attached and paste it in your canvas, and find the repeated row and change it with your items array
    1242116858686210048-image.png
  • victoruxui-1242119851342958683

    Victor Giron

    1 year ago

    Just to explain a bit more why this happen, the total width of the content is equal to the sticky area ( I think so) that's why this happens, so you need to add some internal containers to prevent this to happen as I shared it in the element
  • alexsiale_17363-1242187351460024572

    Alex

    1 year ago

    I will try this now
  • Have you used your table as a component? Or are you just building it for one data set?

    In theory I’d like the table as a component so I can use it on multiple pages
  • Is this the same table as your previous component or is this purely code?
  • alexsiale_17363-1242191070754898051

    Alex

    1 year ago

    I have pasted in the code @Victor Giron but the table isn't showing up as visible? Do I need to set the heght?
  • alexsiale_17363-1242191480064573452

    Alex

    1 year ago

    1242191480064315392-Screenshot_2024-05-21_at_7.05.20_AM.png
  • alexsiale_17363-1242192473540005960

    Alex

    1 year ago

    It's obviously showing up... but not visible
    1242192473149804715-Screenshot_2024-05-21_at_7.09.12_AM.png
  • alexsiale_17363-1242193113871548486

    Alex

    1 year ago

    yep, fixed it, just needed a height on parent div and background colour set
    🔥2
  • alexsiale_17363-1242194475829166160

    Alex

    1 year ago

    I'll need you to walk me through your dropdown component set up too and the popup 🙂

    THANKS VICTOR!! You're awesome
    ❤️1