Firefox 4 doesn't render partial pages

Question

I have an ASP.NET MVC page which contains a table, where every row takes some time to load. So I'm calling Response.Flush() after every row is rendered.

IE9 behaves the way it should: displays rows one by one. FF4 on the other hand, displays the page only when it finished loading completely, even though I can see in FireBug's Network tab that the rows are being received one by one.

Is there something I could be doing wrong on the server-side? If not, is there something I can do to my Firefox, so that it displays the page the way I want?

Answer 1

I would try using AJAX to fill the table. Maybe a row per call, maybe whole set at once.

Answer 2

Consider closing your document with </html> and add the extra rows in script; <script> tags may (in practice) follow </html>. Not a real AJAX solution, not strictly correct, but potentially a lot easier on your serverside.

A similar, but more correct solution would be to insert the script just before the </body>.

See also When does reflow happen in a DOM environment?