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

Question

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

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

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

我正在使用此数据表enter 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,
      ...
    };