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

【问题标题】：jquery datatable row.add with button and input boxjquery datatable row.add 带有按钮和输入框
【发布时间】：2016-11-17 00:28:38
【问题描述】：

您好，我是 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();

【问题讨论】：

标签： jquery datatables

【解决方案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="datatables" 如下。

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

【讨论】：

你有没有为 jquery 和数据表加载脚本？？控制台上是否有任何错误？你有没有用你的 id 替换“#your_element_id”？？

【解决方案2】：

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

$('#myTable &gt; tbody:last-child').append('&lt;tr&gt;...&lt;/tr&gt;&lt;tr&gt;...&lt;/tr&gt;');

请看Add table row in jQuery

【讨论】：