数据表重新加载更改事件

我有一个html下拉列表，最初填充并显示数据表。 数据来自json数组。 下载更改后，我收到重新初始化错误并无法修复它。

我已经尝试过table.ajax.reload以及table.fnReloadAjax（）; 我使用数据表关闭，所以不是最好的。

这是代码：

function Population() { var table = $('#Population').dataTable(); $("#quickStats").change(function () { var optionValue = $("#quickStats").val(); console.log(optionValue); if (optionValue == 1) { $("#display").append('' + '' + '
Demographic
Total
'); $('#Population').dataTable({ "data": usPopulation, "bJQueryUI":true, "columns": [ { "data": "Demographic" }, { "data": "Total" } ], }); } table.ajax.reload(); }); } 

Answer 1

在创建新的之前尝试销毁前一个：

 $('#Population').dataTable().fnDestroy(); $('#Population').dataTable({ "data": usPopulation, "bJQueryUI":true, "columns": [ { "data": "Demographic" }, { "data": "Total" } ], }); 

或者这样做：

 var table = $('#Population').dataTable({ "data": usPopulation, "bJQueryUI":true, "columns": [ { "data": "Demographic" }, { "data": "Total" } ], }); table.draw();