Блог

Главная - Вопросы по программированию - Как использовать таблицы данных в угловых вкладках

Как использовать таблицы данных в угловых вкладках

#angular #angular-material #tabs #datatables-1.10

Вопрос:

Я получаю следующие ошибки после нажатия на первую и вторую вкладки соответственно «Не удается установить свойство ‘_DT_CellIndex’ неопределенного» и «Не удается прочитать свойство ‘parentNode’ значения null».

Вкладка

Ошибка при открытии вкладки 1

Ошибка при нажатии на вкладку 2

Это код TS

КОД TS

УГЛОВОЙ / HTML

Ответ №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>
Метки: