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:
<!DOCTYPE>
<head>
<title>Add table row dynamically in jQuery</title>
<script language="javascript">
$(document).ready(function(){
$("#btn").click(function(){
$('#myTable tr:last').after('<tr>New Row</tr>');
});
});
</script>
</head>
<body>
<table id="myTable">
<tr>Old Row</tr>
<tr>Old Row</tr>
</table>
<input type="button" name="btn" id="btn" value="Add" />
</body>
</html>
Read: Traversing Siblings
The coronavirus outbreak has drastically changed the way we live our lives. Yes, that's absolutely…
Sales and marketing teams help attract, convert, and retain customers to ensure an organization’s long-term…
Are you an owner of a small business who’s trying to come up with ways…
Introduction When patients bring me their lab reports, the confusion is almost always the same.…
Are you excited about remodeling your house after a long time? Perhaps if you're planning…
The practice of yoga teaches us to be present, patient and mindful of our decisions.…