So how would you do it? We have our paginated grid views but it would be nice to load them as you scroll down auto loading each item as you scroll further down. Anyone done it? And how?

I think I have used something like that in a project on www.prinsvanoranje.nl/en/yachts-for-sale/yachtdata.html
But I would have to check that

Now I would use a jQuery plugin for it I think.
www.google.nl/search?q=lazy+loading+jquery
But I don't know how I would do it

It is not so easy to achieve for a TABLE list.
First, I advice you to use a DIV stack (at the end it is more convenient)
Prepare a layout wich return few items using the pagination bounds, in a HTML format.
Test it separately.

Then, use jQuery to detect the scroll position, and then to load the layout through AJAX method.
You component includes some ajax functions wich will help you a lot for sending a request to your component.

This is something I should add in cook, because it is a great feature idea and it is so long to explain how to achieve all the steps.