dataTables-使用中遇到的问题

问题描述：表格内容是利用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选项即可