数据表破坏问题

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
});