DataTables 警告：table id=example - 无法重新初始化 DataTable。了解更多信息

Question

我正在使用 angular 4 和数据 table ... 右侧滚动条不起作用。当我在我的数据 table 中添加这个时，我收到了这个错误。我该如何解决这个问题？这是我的代码 $(document).ready(function() { $('#example').DataTable( { "scrollX": true } ); } );

<table id="example" class="display nowrap" cellspacing="0" width="100%">

我在浏览器上收到一条警告消息“DataTables 警告：table id=example - 无法重新初始化 DataTable。有关详细信息”

我正在使用这个数据tableenter link description here

Answer 1

这样试试：

ngOnInit(): void {
    this.dtOptions = {
      scrollX: true
    };
}

Answer 2

如果之前有 DataTable 的初始化，就会出现此问题。因此，要么将 DataTable 的 bDestroy 属性设置为 true，如下所示，

$('#dataTable').dataTable({
    .
    .        
    "bDestroy": true
});

或删除之前初始化的DataTable，例如在onload/ready方法的开头初始化，如下所示，

$(document).ready(function() {
    $('.dataTable').dataTable();
} );

Answer 3

试试这个。

this.dtOptions = {
      ...
      destroy: true,
      ...
    };

DataTables 警告：table id=example - 无法重新初始化 DataTable。了解更多信息

DataTables warning: table id=example - Cannot reinitialise DataTable. For more information

jquery

datatables

angular2-forms

angular