Javascript 是否从表值向Datatable添加新行?

Javascript 是否从表值向Datatable添加新行?,javascript,jquery,append,datatables,clone,Javascript,Jquery,Append,Datatables,Clone,我有一个包含信息的数据表和一个包含全文本输入的表的字段集。用户应该能够根据信息值添加新行,但这些行没有正确添加。很明显,tr正在被克隆和添加(需要时清空),相应的值正在追加,但数据表的分页没有被更新。我不知道如何正确使用.fnAddData()来完成这里的工作。除此之外,我不知道如何处理“权限”列—获取复选框以转换为表的文本。有什么想法吗?提前谢谢 jQuery $('#addRow').click(function () { var tbody = $('#example tbody

我有一个包含信息的数据表和一个包含全文本输入的表的字段集。用户应该能够根据信息值添加新行,但这些行没有正确添加。很明显,tr正在被克隆和添加(需要时清空),相应的值正在追加,但数据表的分页没有被更新。我不知道如何正确使用.fnAddData()来完成这里的工作。除此之外,我不知道如何处理“权限”列—获取复选框以转换为表的文本。有什么想法吗?提前谢谢

jQuery

$('#addRow').click(function () {
    var tbody = $('#example tbody');
    var tr = tbody.find('tr:first').clone();
    tr.find('td:first').text($(".engine").val());
    tr.find('td:eq(1)').empty();
    tr.find('td:eq(2)').empty();
    tr.find('td:eq(3)').text($(".version").val());
    tr.find('td:eq(4)').empty();
    tr.appendTo(tbody);
});

关于如何在中使用
fnAddData
,有一些很好的示例


我已经根据文档中提供的示例重写了您的JS。我将复选框提取到单独的函数中,以保持高可读性。更新的小提琴是

谢谢,这个很好用。我编辑了我的上述困境,也使用了复选框。你知道如何解决这个问题吗?只需在复选框中添加值,就像你对文本输入所做的那样。对,但我需要文本仅在选中时显示。您可以使用jQuery
:选中的
选择器,查看我的更新答案。Rybak,我如何在引擎值旁边添加图标?而不仅仅是$(“.engine”).val()和add.html()。