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
In a world where digital presence is paramount, the question isn't whether you should do…
Over the years, people have experimented with various methods to maintain healthy and beautiful hair.…
Your brand more than developing an attractive and creative logo and infectious motto. It's the…
Introduction Are you someone who has suffered from a personal injury and want to file…
Operating from home has emerged as one of the most popular ways of doing jobs…
If the consequences of our society’s ever-growing debt are what worries you, then it is…