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

【问题标题】：How do I use datatables in angular tabs如何在角度选项卡中使用数据表
【发布时间】：2021-09-10 19:22:47
【问题描述】：

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

这是 TS 代码

【问题讨论】：

标签： angular angular-material tabs datatables-1.10

【解决方案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>

【讨论】：