Making a scrolling form


#1

I am using a JqxGrid and i’ve found scrolling (both vertically and horizontally) to be slow when there is over 100 records. Feedback from app users is that scrolling is preferred over paging records.

I have been looking at ways to improve the performance. I had some success using a container and adding the grid as child. I set the grid width and height as 2500px onto a container that fits the form size and added the style:

float:left; overflow-y:scroll; -webkit-overflow-scrolling:touch;

This works well. I can scroll vertically and horizontally very quickly and it looks good. The only problem is that it takes a long time to load the grid ~nearly 10 seconds.

Are there any better ways to approach this?
I tried using Flexbox but couldn’t the horizontal scrolling working (there is probably a way to do this).

Thank you for any suggestions.