Question

I am adding a table to a page in javascript using.

$("#tablediv").append("<table border = '1'><tbody><tr><td width='100px'><b>Result</b></td><td width='100px'><b>Binding</b></td><td width='744px'><b>Value</b></td></tr>");

The problem is that what it is run </tbody> and </table> is getting added at the end.

How can I stop this from happening?

Thanks.

Answer 1

Are you trying to add new elements to the table after you create it?

ID your table and then append to that.

$("#tablediv")
  .append("<table id='mytable' border = '1'><tbody><tr><td width='100px'><b>Result</b></td><td width='100px'><b>Binding</b></td><td width='744px'><b>Value</b></td></tr></table>");​​​

$("#mytable")
  .append("<tr><td>Bla</td><td>Foo</td><td>Bar</td></tr>");

Call the second jQuery function each time you want to add a new row to your table.