DataTables -warning:Cannot reinitialise DataTable报错解决方法

DataTables -warning:Cannot reinitialise DataTable报错解决方法

最近在给学校的实训项目寻找一个比较好的前端列表框架,找到了DataTables(datatables.net),按照官方的文档敲出了一份静态的DataTables,比较厉害的是其自带分页以及升降序。

当然作为一个优秀的列表框架,必然要经受得住ajax新data的导入以及信息替换,然而在ajax获取到后台数据并.html后又UiTables.init();   出现如下报错:

DataTables warning: table id=example-datatable – Cannot reinitialise DataTable. For more information about this error, please see http://datatables.net/tn/3

度娘了与此问题相关的回答之后,发现都牛头不对马嘴,且方法都不适用。打开帮助文档(https://datatables.net/manual/tech-notes/3)

 

官方解释:

知道原因之后,对代码作出如下修改:

<script>
$.ajax({
url: "/*****",
data: {},
success: function (data) {

$('#example-datatable').DataTable().destroy();
//获取到datatable实例并将其破坏
$("#tboo").html(text);
//替换内容
UiTables.init();
//重新部署
}
});
</script>

OK,正常运行了

发表评论

电子邮件地址不会被公开。 必填项已用*标注