How to add data inside datatable using jquery?

Question

I want to do is make a function that add data in my table and have a delete function in action column using jquery.

My problem is I'm having trouble putting my input values in the table using jquery.

  function Add(){
    $("#myTable tbody").append(
        "<tr>"+
        "<td><input type='text'/></td>"+
        "<td><input type='text'/></td>"+
        "<td><input type='radio'/></td>"+
        "<td><button class='btnDelete>Delete</button></td>"+
        "</tr>");   
        $(".Save").bind("click", Save);     
};

Manu Benjamin · Accepted Answer · 2014-07-09 06:12:53Z

1

If you are using datatable, then use datatable 'fnAddData' function for adding new row instead of jquery append function. Check the following code,

    oTable = $('#myTable').dataTable();

     function Add(){

          var data = [
             $('#input1').val(),
             $('#input2').val(),
             $('#input3').val(),
             $('#input4').val()
          ];


          oTable.fnAddData(data);
     };

edited Jul 9, 2014 at 6:12

answered Jul 9, 2014 at 5:28

Manu Benjamin

99710 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user3817023 Over a year ago

how to make it dynamic? like fill the inputs to add.

Manu Benjamin Over a year ago

I have modified the answer. Please check.

Manu Benjamin Over a year ago

use $("#gender:checked").val() instead of $("#gender").val().

Nikita Holovach · Accepted Answer · 2014-07-08 22:33:05Z

0

Here is legacy documentation for version 1.9.x

How to add row for version 1.9.x and below

Note: You better start using new version of data table 1.10.x

answered Jul 8, 2014 at 22:33

Nikita Holovach

3061 silver badge7 bronze badges

Collectives™ on Stack Overflow

How to add data inside datatable using jquery?

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related