重新初始化jquery数据表的正确函数

【问题标题】：Proper function to re-initialize jquery datatables重新初始化jquery数据表的正确函数
【发布时间】：2016-12-07 21:23:13
【问题描述】：

在SO: DataTables with different number of columns 中，用户要求使用 datatables.js 和可变数量的列的解决方案。这里提供了一个可行的解决方案：http://jsfiddle.net/gss4a17t/。

此解决方案依赖于已弃用的函数：

    dataTable.fnDestroy(true);

问题：

为什么destroy() 函数在这里不起作用？
在这种情况下$('table.dataTable').DataTable().destroy(); 和$('dataTable').DataTable().destroy(); 有什么区别？

我使用以下 jsFiddle 进行了分叉：http://jsfiddle.net/Lx4mf1ht/7/

【问题讨论】：

【解决方案1】：

1) destroy() 需要一个 DataTable 对象才能工作。它是这种对象的一种方法。 fnDestroy()是一个dataTable对象的方法。

dataTable 与 DataTable 相比是不同的对象（检查大写的 D）。他们有不同的方法，这就是destroy() 不应该工作的原因。

2) 'table.dataTable' 用作 jQuery 选择器，它会查找带有 dataTable 类的 <table> 元素，这是可以的

'dataTable' 是一个寻找<dataTable> 元素的选择器，我认为这个元素不起作用，因为没有这样的元素。

另外，我不确定 DataTables fiddle 使用哪个版本，但从 v1.10 开始就存在 destroy()

【讨论】：