Misalignment problem when scrolling the grid with fixed columns

Tags: #<Tag:0x00007efc6264b418>
#1

My table has 2 fixed columns on the left and 3 fixed row on the top. It has 30 plus columns. Because I need to customize the header, I did not use a header row. I formatted the first 3 rows with merge cells. My table has around 15 rows. When I scrolled horizontally, the first 2 columns begins to misalign. Depends on the number of rows, the first 2 columns sometimes 20 pixels above normal. In the worst case, the last row of the fixed column did not show up. Any recommendation on how to handle that is appreciated.

Thanks,
Edward

#2

Hi @echan Please share a demo (preferably in JSFiddle/JSBin/CodePen) where this issue is replicable?

#3

Hello,

It seems this issue is similar to ours.
Here is our ticket for it: Row header cell height problem (PRO)

If you have any update, please share it with us.

Thanks,
David

#4

Hi, here is the link in JSBin for the code:

If you scroll to the right, the fixed column( first 2 columns) are not aligned. You can see that behavior for the last row.

Thanks,
Edward

#5

@echan I got 51 warnings after just opening this demo. I would be very helpful if you could isolate the problem without serving things that are not related to this case.

#6

Issue closed in lack of needed details.

#7