Add table row in jQuery

Question

What is the best method in jQuery to add an additional row to a table as the last row?

Is this acceptable?

$('#myTable').append('<tr><td>my data</td><td>more data</td></tr>');

Are there limitations to what you can add to a table like this (such as inputs, selects, number of rows)?

Answer 1

Below is the recommended way of adding table row in jQuery:-

$('#myTable tr:last').after('<tr>...</tr><tr>...</tr>');

In the after() method you can include anything as long as it's valid in HTML, including multiple rows as per the example above.

Want to become a Web Developer, join Web Development Courses now!