<!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>