带有按钮和输入框的jquery datatable row.add [英] jquery datatable row.add with button and input box

问题描述

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

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

有没有简单的方法使用row.add （）函数创建一个带按钮和输入文本的行，如下所示？

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>

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

im trying to call function similar to below on onclick event

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

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

推荐答案

尝试这样的事情：

 <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 =datatables如下。

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

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

这篇关于带有按钮和输入框的jquery datatable row.add的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！