Question

我正在尝试在Angular和Laravel的项目中使用DataTables作为替代。

当我尝试附加点击事件时出现此错误：

<p style="text-indent: 40px">This text is indented.</p>

HTML代码的一部分：

DataTables warning: table id=datatables - Cannot reinitialise DataTable.

我得到错误的module.ts的一部分：

<table datatable [dtOptions]="dtOptions" id="datatables" class="table table-striped table-no-bordered table-hover" cellspacing="0" width="100%" style="width:100%">
                            <thead>
                                <tr>
                                  <th>ID</th>
                                  <th>CODICE</th>
                                  <th>PRODOTTO</th>
                                  <th>PREZZO</th>
                          .....

如何获取数据表以设置点击事件？

谢谢，费德里科

Answer 1

您可以按照文档检索数据表实例

https://l-lin.github.io/angular-datatables/#/advanced/dt-instance

import { DataTableDirective } from 'angular-datatables';
//...
@ViewChild(DataTableDirective)
private datatableElement: DataTableDirective;


ngAfterViewInit() {

  this.datatableElement.dtInstance.then(dtInstance =>
   {
      //use dtInstance here
      //...
   });

注意如果可以在角度项目中避免使用jquery，则不应使用jquery

DataTables初始化错误

1 个答案: