Jquery plugins Jquery数据表未使用html数据更新

我使用了jquerydatatable插件

我有以下问题

Html:

可乐
可乐

JS:

（函数（）{
var firstData=“”+
"" +
“第11单元”+
"" +
"" +
“第12单元”+
"" +
"" +
"" +
"" +
“21号牢房”+
"" +
"" +
“第22单元”+
"" +
"";
调试器；
$（firstData）.appendTo（$（'#testTable'）；
$（'#testTable'）.dataTable（）；
})();
$（“#按钮”）。单击（函数（）{
var secondData=“”+
"" +
“第31单元”+
"" +
"" +
“第32单元”+
"" +
"" +
"" +
"" +
“第41单元”+
"" +
"" +
“42号牢房”+
"" +
"";
$（'#testTable tbody'）.empty（）.append（$（secondData））；
});

我使用firstdata将表初始化为datatable。分类、搜索等工作如预期般完美。但后来我用第二个数据修改了尸体。现在，对第一个数据进行排序和搜索。如何解决此问题？

您必须通过以下步骤。您可以通过javascript或jQuery操作

的内容，但如果不使用API，jQuery dataTables就不可能知道您进行了哪些操作。这就是为什么删除后仍会显示旧行的原因

您使用的是dataTables 1.10.x，在该版本中，API已大大简化。简单使用

<dataTables instance>.row.add(..)

叉形小提琴->

(function(){    
    var firstData = "<tr>" +
        "<td>" +
        "cell11" +
        "</td>" +
        "<td>" +
        "cell12" +
        "</td>" +
        "</tr>" +
        "<tr>" +
        "<td>" +
        "cell21" +
        "</td>" +
        "<td>" +
        "cell22" +
        "</td>" +
    "</tr>";
    debugger;
    $(firstData).appendTo($('#testTable'));
    $('#testTable').dataTable();
})();

$('#button').click(function(){

    var secondData = "<tr>" +
        "<td>" +
        "cell31" +
        "</td>" +
        "<td>" +
        "cell32" +
        "</td>" +
        "</tr>" +
        "<tr>" +
        "<td>" +
        "cell41" +
        "</td>" +
        "<td>" +
        "cell42" +
        "</td>" +
        "</tr>";
    $('#testTable tbody').empty().append($(secondData));
});

<dataTables instance>.row.add(..)

dataTable.row.add(['cell31', 'cell32']);