I have a webpage which contains a table for displaying a large amount of data (on average from 2,000 to 10,000 rows). This page takes a long time to load/render. Which is understandable.

The problem is, while the page is loading the PCs memory usage skyrockets (500mb on my test system is in use by iexplorer) and the whole PC grinds to a halt until it has finished, which can take a minute or two. IE hangs until it is complete, switching to another running program is the same.

I need to fix this - and ideally i want to accomplish 2 things:

1) Load individual parts of the page seperately. So the page can render initially without the large data table. A loading div will be placed there until it is ready.

2) Dont use up so much memory or local resources while rendering - so at least they can use a different tab/application at the same time.

How would I go about doing both or either of these?

I'm an applications programmer by trade so i am still a little fizzy on the things I can do in a web environment.

Cheers all.