javascript - 数据表破坏问题

Question

我无法在需要时正确销毁数据表。

此表有一个数据表，可以根据需要正常工作。

当您在此处选择帐户并移至概览选项卡时，它将显示您在另一个数据表中选择的所有帐户。

当我使用这段代码生成它时，这里的数据表第一次工作正常:

             oTable1 = $('#overviewAccounts').dataTable({
                "bFilter": false,
                "bInfo": true,
                "bLengthChange": false,
                "bSort": false,
                "sPaginationType": "bootstrap",
                "iDisplayLength": 10
            });

但是，如果我返回到第一个选项卡，更改我想要的帐户，然后返回到概览，它会抛出无法重新创建表的错误。

我尝试同时使用 bDestroy 和 bRetrieve，两者都发生了同样的事情。

每次我单击具有最新数据的概览选项卡时，您有什么建议能够重新创建此数据表？

Answer 1

我会这样做。
1- 在函数内设置带有数据表的表并调用它:

function setTable(){
$('#overviewAccounts').dataTable({
                "bFilter": false,
                "bInfo": true,
                "bLengthChange": false,
                "bSort": false,
                "sPaginationType": "bootstrap",
                "iDisplayLength": 10
});
}
setTable();

然后，在你的操作之后使用:

$('.overview').on('click', function(){
    $('#overviewAccounts').dataTable().fnDestroy(); // Destroy DataTables from current table
    setTable(); // Restore DataTables in current table
});