jQuery - 解决DataTables重复初始化时报“Cannot reinitialise DataTable”错误

2018-05-13 发布：hangge 阅读：6379

通常情况下页面上的表格只需初始化一次就可以了。但有时我们的代码可能对同一个表格多次进行初始化操作，那么这时浏览器就会弹出错误提示框，内容如下：

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

Datatables 不允许多次初始化同一表格。虽然这个提示只是起告知作用，不会造成表格功能失效，或是其他 js 错误，但弹出个提示框总归不爽。

只需在初始化的时候初始化时设置 retrieve:true 即可。该设置表示我已经知道初始化选项不能在初始化之后更改，只是希望返回 DataTable 实例。

$('#myTable').dataTable({
  data: data,
  retrieve: true,
  columns: [
      { data: 'id'},
      { data: 'name'},
      { data: 'birthday'}
  ]
});