数据表破坏问题

时间:2013-10-03 14:41:08

标签: javascript jquery datatable

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

Here is what my page currently looks like.

此表具有可根据需要正常工作的数据表。

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

enter image description here

这里的数据表第一次使用此代码生成时正常工作:

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

但是,如果我返回第一个标签,更改我想要的帐户,然后返回概述,则会抛出有关无法重新创建表格的错误。

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

每次点击包含最新数据的概览选项卡时,您建议能够重新创建此数据表吗?

1 个答案:

答案 0 :(得分:2)

我会这样做。
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
});