Render large tables fast with jQuery

Question

I have to dynamically render large tables using JavaScript and jQuery in particular. I am doing this by preparing HTML for the table first and doing append then:

var tableHTML = "<table>...</table>";
$("#container").empty().append(tableHTML);

Is this acceptable way to solve the task and if there faster ways of rendering data?

Answer 1

Yes, this is the most efficient way to do that with jQuery. If you wanted to get really fast, you could use bare-bones Javascript:

document.getElementById('container').innerHTML = tableHTML