带有按钮和输入框的jquery datatable row.add

Question

您好我是jquery的新手，并尝试使用另一个数据表行中的按钮动态地动态添加行。

有没有简单的方法使用row.add（）函数创建一个带按钮和输入文本的行，如下面的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>

我试图在onclick事件上调用类似于下面的函数

saleDetailDT.row.add（[.....？]）。draw（）;

Answer 1

尝试这样的事情：

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

并且不要忘记给你的表id =＆＃34; datatables＆＃34;如下。

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

Answer 2

也许你正在寻找类似的东西：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

请参阅Add table row in jQuery