如何在角度选项卡中使用数据表

Posted 2023-05-09

【中文标题】如何在角度选项卡中使用数据表

【英文标题】：How do I use datatables in angular tabs

【发布时间】：2021-09-10 19:22:47

【问题描述】：

分别单击第一个和第二个选项卡后出现以下错误 “无法设置未定义的属性 '_DT_CellIndex'” 和 "无法读取 null 的属性 'parentNode'"

这是 TS 代码

【参考方案1】：

将每个表格拆分成不同的角度组件并使用@ViewChild 调用dtOptions.ajax

@ViewChild(AllGigsTableComponent) allGigsChild:AllGigsTableComponent ;

   onSelectTab(index)
       if(index == 0) 
      
        this.allGigsChild.dtOptions.ajax;
      
   

 <div class="table-responsive">
  
     <tabset type="pills">

      <tab heading='ALL' (selectTab)="onSelectTab(0)">

       <app-all-gigs-table></app-all-gigs-table>

    </tab>
</div>