Append Row After First Row In A Html Table

I have var row=valval2 and I tried this: $('#mainTable tbody').append(row); but it appends to the end of the table.

Solution 1:

Try this:

$("#mainTable tr:first").after(row);

http://api.jquery.com/after/

Solution 2:

InsertAfter is what you are looking for:

var row='<tr><td>val</td><td>val2</td></tr>';
$(row).insertAfter("#mainTable tr:first");

Solution 3:

You can use prepend JQuery method that inserts as the first child:

$("#mainTable tbody").prepend(row);

Prepend documentation