jquery datatable row.add与按钮和输入框

您好我是jquery的新手，并尝试动态地添加行使用另一个数据表行中的按钮。jquery datatable row.add与按钮和输入框

是否有任何简单的方法，使用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（[？.....]）绘制（）;

来源

2016-11-17 superted

尝试是这样的：

<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 =“da纹身“如下。

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

来源

2016-11-17 00:52:30

此代码不起作用..... – superted

您是否已经为jquery和datatables加载脚本？控制台上是否有错误？并有哟用你的id代替“#your_element_id”？ –

和我已经纠正轻微的打字错误..使用编辑的代码.. –

也许你正在寻找的东西，如：

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

请参阅Add table row in jQuery

来源

2016-11-17 00:38:30 Daidon

jquery datatable row.add与按钮和输入框

回答

相关问题