How to implement ui-grid with trailing infinite scroll

Question

I have a requirement, to add infinite scroll to my ui-grid component. Following this tutorial I have successfully implemented my scrolling grid, but when it comes to performance, the results do not suit my requirements, so I need to add trailing to this implementation, meaning I need to load more data the I display on the grid.

e.g. call the backend for 100 elements and display in one scroll only 20, in this way I limit the number of calls to the backend.

So how is the best way of doing this using this component?

imbalind · Accepted Answer · 2015-11-12 18:28:21Z

1

You can tune you performance by changing infiniteScrollRowsFromEnd in gridOptions. This way you choose how far from the bottom new data should be requested. Then again the amount of rows to download is chosen by you.

If you choose a small number for the former and a big one for the latter you will have few calls to your service but the user may experience some waiting.

answered Nov 12, 2015 at 18:28

imbalind

1,1826 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to implement ui-grid with trailing infinite scroll

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related