Griddle icon indicating copy to clipboard operation
Griddle copied to clipboard

Infinite scroll with dynamic row heights

Open ghost opened this issue 8 years ago • 5 comments

When enabling infinite scroll if there is a massive row it seems to cause issues rendering; depending on where it occurs it will sometimes skip the row or get stuck when scrolling. ( Scroll position ends up going back to where the massive row started and will not continue to scroll down )

Is it possible to have this working with dynamic row heights?

Dynamic row heights works fine with no infinite scrolling.

Thanks

ghost avatar Sep 13 '16 13:09 ghost

Is there any update on this? I'm noticing the same issue in my case. I have one column set for "Details" that admins can see which give all the details of a user's request. Obviously each request has a different height for this column and in Chrome it makes the table unusable. In Safari, the scroll works but starts and stops very badly.

aberkow avatar Jan 27 '17 14:01 aberkow

Sorry for asking for additional info but any way to see this behavior?

ryanlanciaux avatar Jan 27 '17 15:01 ryanlanciaux

We're having the same problem. You can see live demo of the problem here - http://codepen.io/rosentalaviv/full/ZLdLLq/

avivr avatar Feb 19 '17 20:02 avivr

Any solution?

Thanks

ghost avatar Feb 15 '18 11:02 ghost

The way I dealt with this in jqGrid was to not have dynamic heights, just set a static height that works for most of your data. To deal with overflow you could use scrollbars or hide it and require a click/tap to show a dialog/tooltip with all of the data.

chinoto avatar Jan 20 '19 03:01 chinoto