数据表警告（表id ='ideas'）：无法重新初始化数据表

Question

我正在使用数据表，并且正在为JS代码添加选项，这些更改有效，但我一直在收到弹出警告。我怎么能停止警告？

$(document).ready(function() {
    $('#ideas').dataTable( {
        "aLengthMenu": [[5, 10, 15, -1], [5, 10, 50, "All"]]
    });
});

Answer 1

如果您只是想摆脱警告框（例如“停止警告”），请将此添加为$(document).ready的第一行：

$.fn.dataTableExt.sErrMode = 'throw';

现在，数据表将在控制台中显示错误，显示为“未捕获的错误：数据表警告... ”，而不是丑陋的警报框。

但是，您的代码/数据中存在错误，无论现在是否以静默方式抛出错误。

错误 “ DataTables警告（表id ='XXX'）：当{{1}中的列数不匹配时，引发来自行X 的数据源的请求的未知参数'XXX'和数据中的列数。

<table>

插入

<thead>
  <th>col A</th>
  <th>col B</th>
</thead>

或

<tr>
  <td>test test</td>
</tr>

将完全重现该错误。因此，再次检查您的数据..

Answer 2

您应该使用“bDestroy”：true 道具以便在回发期间填充表格

Answer 3

您是否动态填充数据？然后，在填充数据后移动脚本。

类似的东西，

$(document).ready(function() {
    $('#example').dataTable( {
        "bProcessing": true,
        "sAjaxSource": "sources/arrays.txt",
        "aLengthMenu": [[5, 10, 15, -1], [5, 10, 50, "All"]]
    });
});

Answer 4

你应该使用＆＃34; bDestroy＆＃34;：true 。

替换与给定选择器匹配的DataTable，并将其替换为具有传递的新初始化对象属性的DataTable。如果没有表与选择器匹配，则将按照正常情况构造新的DataTable。

<div class="row">
  <div class="col-md-6 push-md-6 first">
    <img src="http://placehold.it/350x150?text=first">
  </div>
  <div class="col-md-6 pull-md-6 second">
    <img src="http://placehold.it/350x150?text=second">
  </div>
</div>

在创建销毁先前数据表对象的新数据表之前，请尝试此操作。

$(document).ready(function() {
    $('#ideas').dataTable({
        "aLengthMenu": [[5, 10, 15, -1], [5, 10, 50, "All"]],
        "bDestroy": true 
    });
});