Add table row dynamically in jQuery

jQuery Notification plugin

Want to add an additional row to a table as the last row in jQuery? Use jQuery after() method to add table row dynamically after last row.

You can include anything within the after() method and this is a valid HTML, including multiple rows as per the example below:

Example to add table row dynamically:

<title>Add table row dynamically in jQuery</title>
<script language="javascript">
$('#myTable tr:last').after('<tr>New Row</tr>');
<table id="myTable">
<tr>Old Row</tr>
<tr>Old Row</tr>
<input type="button" name="btn" id="btn" value="Add" />

Read: Traversing Siblings

Leave a Reply

Your email address will not be published. Required fields are marked *