Presenting a limited number of rows on a grid at a time

Hi,

Have a question regarding pagination or adding records as I need them to a Kendo UI grid. I am not even sure how to express or ask this question.
Want to add records as I scroll down/up on a grid, and remove the ones not visible in the grid. Ultimately, I only want to show a portion of the records the API can grab from the database.

The idea is I might pull in 1,000 +  records and only want to show like 20 on the screen, the ones not visible are NOT in the client on the browser. One of my coworkers mentioned I could do this with "Pagination". Where you would dynamically call the API for more records as you scrolled down (or up) to add the non-visible records. How do you do this with a Kendo Grid?

Would I need to request records 1-20, then when I move down it loads 20-40, and when 20 is at the top it only refreshes 20-40;  discarding 1-19? How does that work? Is there a mechanism that handles this?

Do I have to coordinate this with the API some how so I only get records 1-N, do I have to specify this somehow with the API?


•If the original 20 leave the uper edge of the grid -> then unload them.
•If I scroll down past 20 --> load 20 more
• If I scroll up --> load the previous 20.

How would I achieve this?

Thanks!

George