Answered

Allignment issues with container and data table

(0) Share

Report

Posted on by anipeddi

Hello All, I am trying to implement sorting functionality on a data table, The table is in a horizantal container and the sort icons are out side of the container, positioned on top of the table header(unable to place the icons in desired place if we keep it in inside of the container), The sort function works fine but the icons are misalligned if i zoom in/out my browser, i think the root cause of the issue is the icons are placed out side of the container, I wonder if anyone faced this issue and have a resolution or work around

Categories:

General Questions

container allignm...

All responses (5)

Answers (1)

madlad 2,637 Super User 2025 Season 1 on at

Like (0)

Report

Re: Allignment issues with container and data table

@anipeddi

Unfortunately I don't think you can reference horizontal scroll like this.

You can reference the table column's X values, but those don't change when it's scrolled unfortunately.

Maybe someone else knows a way to achieve this result, but I'm fairly sure it's not possible with the existing tools unfortunately
anipeddi 31 on at

Like (0)

Report

Re: Allignment issues with container and data table

Here are the X values i am using: Some reasons the icons are moving along with horizantal scroll bar, Am i missing anything?
MainContainer.X+TicketsContainer_2.X+DataTable3.X
MainContainer.X+TicketsContainer_2.X+DataTable3.X+400

MainContainer.X+TicketsContainer_2.X+DataTable3.X+1134
anipeddi 31 on at

Like (0)

Report

Re: Allignment issues with container and data table

Just noticed that the solution worked and the icons alligned properly when zoom in/out the browser but if we do the horizantal scroll, the allignment breaks, Do you think i have to mantain the relative potion of X as well to fix this?

allignment issue ...
anipeddi 31 on at

Like (0)

Report

Re: Allignment issues with container and data table

Awesome! this perfectly worked for me, I really appreciate your help.
Verified answer

madlad 2,637 Super User 2025 Season 1 on at

Like (1)

Report
Re: Allignment issues with container and data table

Hi!

Trying to navigate placing these on the same height as items within multiple containers can be tricky. The best way to do it is to reference the item you want it to be in front of, and it's parents.

You should be able to get it on the right height with something like:

MainContainer.Y + TicketsContainer_2.Y + DataTable3.Y

^Not 100% sure this is the most efficient way to get this, but it should work.

If it's off on the X-axis, follow a similar rule there, just referencing the item you want it to be in front of, and it's parents.

Hope this helps!