1、利用Tab页实现标签动态切换,自己绑定事件每次加载后台,会出现各种警告:Data Tables warning(table id = 'xxxx'):Cannot reinitialize Data Table。
原因:表格内容是利用Ajax动态更新的,但是$('table').dataTable();之后更新的新数据会和旧数据出现在一个表格中。主要是元素节点没有清空,再次加载数据引起的。
问题解决:
1 首先,要将bDestory设置为true,并将dataTable()返回的结果保存在变量中
2 然后,在更新之前要清空数据表:datable.fnClearTable();
3 最后重新绑定新的数据源:$('#example').dataTable({"bDestroy":true});//重新调用插件
1 Cannot call method ’fnSetData‘ of undefined
原因:表格中有class为hidden的列,使得内容部分的列数多于表头
2Data Tables warning(table id = 'xxxx'):Cannot reinitialize Data Table。
解决办法 使用"bRetrieve": true选项即可
文章参考:http://blog.csdn.net/hireboy/article/details/8791957