Dynamic creation of large html table in javascript performance

Question

I have an application which is used for data analysis and I\'m having a few performance issues with the creation of the table. The data is extracted from documents and it is

Answer 1

The way you are building your string will cause massive amounts of garbage collection.

As the string gets longer and longer the javascript engine has to keep allocating larger buffers and discarding the old ones. Eventually it will not be able to allocate sufficient memory without recycling the remains of all the old strings.

This problem gets worse as the string grows longer.

Instead try adding new elements to the DOM one at a time using the jQuery manipulation API

Also consider only rendering what is visible and implement your own scrolling.