jquery datatable row.add with button and input box

Question

Hi I am new to jquery and trying to dynamically add row dynamically using the button from another datatable row.

Is there any easy way that using the row.add() function to create a row with button and input text like the below tr ?

<tr>
<td> <button type="button" class="btn green btn-xs select-row" data-id="7" data-includeTax="N">btn</button>
</td>
<td>1</td>
<td>2</td>
<td><input type="text" ></td>
<td>3</td>

im trying to call function similar to below on onclick event

saleDetailDT.row.add([..... ? ]).draw();

Manohar Khadka · Accepted Answer · 2016-11-17 02:04:47Z

6

Try something like this:

 <script>
   $('#dataTables').DataTable();
   $(document).on("click","#your_element_id",function(){ 
     var table = $('#dataTables').DataTable();
     table.row.add(['<button type="button" class="btn green btn-xs select-row" data-id="7" data-includeTax="N">btn</button>','1','2','<input type="text">','3']).draw();
     // table.row.add([first_td_html_of_tr,second_td-html_of_tr,third_td_html_of_tr,...nth td_html_of_tr]).draw();
   });

 </script>

And dont forget to give your table id="datatables" as below.

<table id ="datatables">
  //
</table>

edited Nov 17, 2016 at 2:04

answered Nov 17, 2016 at 0:52

Manohar Khadka

2,1952 gold badges20 silver badges31 bronze badges

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

1 Comment

Manohar Khadka Over a year ago

do you have loaded script for jquery and datatables ?? is there any error on console ? and have yo replaced "#your_element_id" by your id ??

Community · Accepted Answer · 2017-05-23 12:24:43Z

0

Maybe you are searching for something like:

$('#myTable > tbody:last-child').append('<tr>...</tr><tr>...</tr>');

Please see Add table row in jQuery

edited May 23, 2017 at 12:24

CommunityBot

11 silver badge

answered Nov 17, 2016 at 0:38

Daidon

8461 gold badge7 silver badges17 bronze badges

Collectives™ on Stack Overflow

jquery datatable row.add with button and input box

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related