Adding rows and columns to a table dynamically with jQuery

Question

I have the following JavaScript code:

function addRowToTable()
{
  var tbl = document.getElementById(\'tblSample\');
  var lastRow = tbl.rows.length;
  // if         


        

Answer 1

The easiest way is to simply use $('#tblSample').append(' ... '), manually entering the html string (if it's constant). You can also read the html from somewhere else, for more readable code:

 $('#tblSample').append($('div#blank-row-container').html());