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
People usually stumble onto the 461 visa when they realise there’s no simple way to…
In today’s digital era, people look for convenience, transparency, and genuine rewards from their financial…
If you are planning to start a lighting business and looking for a supplier of…
If you are a copywriter or a content marketer, you will second my statement that…
Motorcycle accidents often lead to severe injuries because riders have minimal protection compared to drivers…
No business owner starts his or her business with the hope of making losses. Everyone…