---
title: "I have Created Dynamic Table In JavaScript and How to Save Data In Sql DB"  
description: "I have Created Dynamic Table In JavaScript and How to Save Data In Sql DB"  
author: "vvs.it.rizwan system"  
published: 2017-05-22  
updated: 2017-05-22  
canonical: https://www.mindstick.com/forum/34298/i-have-created-dynamic-table-in-javascript-and-how-to-save-data-in-sql-db  
category: "c#"  
tags: ["sql server"]  
reading_time: 1 minute  

---

# I have Created Dynamic Table In JavaScript and How to Save Data In Sql DB

<form id="form1" runat="[server](https://www.mindstick.com/articles/43769/what-is-serverless-architecture-is-it-worth-switching-over)"> <div class="[container](https://www.mindstick.com/forum/159610/how-to-connect-a-windows-container-to-a-service-running-on-localhost)"> <h2>Basic Table</h2> <table class="table" id="maintable"> <thead> <tr> <th>[Firstname](https://www.mindstick.com/interview/33973/how-to-split-the-full-name-into-firstname-and-lastname-in-sql-server)</th> <th>Lastname</th> <th>Email</th> </tr> </thead> <tbody> <tr class="data-contact-person"> <td> <input type="text" name="f-name" class="form-[control](https://www.mindstick.com/blog/197/asp-dot-net-repeater-control) f-name01" /></td> <td> <input type="text" name="l-name" class="form-control l-name01" /></td> <td> <input type="text" name="email" class="form-control email01" /></td> <td> <button type="button" id="btnAdd" class="btn btn-xs btn-[primary](https://www.mindstick.com/forum/33739/difference-between-primary-key-and-unique-key) classAdd">Add More</button> </td> </tr> </tbody> </table> <button type="button" id="btnSubmit" class="btn btn-primary btn-md pull-right btn-sm" [onclick](https://www.mindstick.com/forum/12718/onclick-for-hyperlink)="return btnSubmit_onclick()" onclick="return btnSubmit_onclick()" onclick="return btnSubmit_onclick()">Submit</button> </div> <script type="text/[javascript](https://www.mindstick.com/articles/874/how-to-create-watermark-text-for-textbox-by-using-javascript)"> $([document](https://www.mindstick.com/articles/328642/what-to-consider-while-choosing-a-software-documentation-tool)).ready([function](https://www.mindstick.com/articles/13001/multi-statement-table-valued-user-defined-function-in-sql-server) () { $(document).on("click", ".classAdd", function () { // var rowCount = $('.data-contact-person').length + 1; var contactdiv = '<tr class="data-contact-person">' + '<td><input type="text" name="f-name' + rowCount + '" class="form-control f-name01" /></td>' + '<td><input type="text" name="l-name' + rowCount + '" class="form-control l-name01" /></td>' + '<td><input type="text" name="email' + rowCount + '" class="form-control email01" /></td>' + '<td><button type="button" id="btnAdd" class="btn btn-xs btn-primary classAdd">Add More</button>' + '<button type="button" id="btnDelete" class="deleteContact btn btn btn-danger btn-xs">Remove</button></td>' + '</tr>'; $('#maintable').append(contactdiv); // Adding these [controls](https://www.mindstick.com/articles/66/how-to-create-controls-at-run-time-in-csharp-dot-net) to Main table class }); }); $(document).on("click", ".deleteContact", function () { $(this).closest("tr").remove(); // closest used to remove the respective 'tr' in which I have my controls }); </script> <script type="text/javascript">


---

Original Source: https://www.mindstick.com/forum/34298/i-have-created-dynamic-table-in-javascript-and-how-to-save-data-in-sql-db

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.