<!DOCTYPE html>
<html>
<body>
<h2>Adding Column To A Row</h2>
<table border="1" id="tbl">
<tr id="1">
<th>Email_id</th>
<th>User_data</th>
</tr>
<tr id="2">
<td>[email protected]</td>
<td>Software Developer</td>
</tr>
<tr id="3">
<td>[email protected]</td>
<td>Intern</td>
</tr>
</table>
<button onclick="add()">Add</button>
<script>
function add(){
var row = document.getElementById("1");
var col = document.createElement("td");
col.innerText="New_title";
row.appendChild(col);
}
</script>
</body>
</html>
