DataTable 1.10的Ajax中的DataTable.destroy（）不起作用

Question

我正在建立门户网站，需要在表中向用户显示以前的主记录，可以通过将其动态添加到表中的按钮单击来进行编辑。编辑或添加新记录后，我必须再次将数据绑定到表。我首先破坏现有的数据表。

我已经研究了各种平台来寻找答案，并且尝试了几乎所有内容，但似乎无法正确解决。现在，我不确定我的代码或javascript本身是否存在问题。我已经提到了到目前为止我尝试过的一些方法。

if ($.fn.DataTable.isDataTable("#tblId")) {
                            $('#tblId').DataTable().clear().destroy();
                        }


$('#tblId').DataTable({
                                data: data,
                                .
                                .
                                .
});


//Gives error - Cannot read property style of undefined

if ($.fn.DataTable.isDataTable("#tblId")) {
                                $('#tblId').DataTable().clear();
                                $('#tblId').DataTable().destroy(); ; 
                            }
$('#tblId').DataTable({
                                data: data,
                                .
                                .
                                .
});
//Same error as before. 
if ($.fn.DataTable.isDataTable("#tblId")) {
                                $('#tblId').DataTable().destroy();
                                $('#tblId').DataTable().remove(); 
                            }
$('#tblId').DataTable({
                                data: data,
                                .
                                .
                                .
});
//Gives error - cannot reinitialise datatable

//I have tried 
destroy:true,
bdestroy:true 

//while initialising the datatable but still it didn't work.

我正在调用相同的web方法，该方法返回与以前相同的列，但行数不同。任何帮助将不胜感激。