I have a question about detail template for expanded datagrid row. I can't access expanded nested datagrid components with @ViewChild decorator. I think, there is no event output ngAfterViewInit for detail template. Have you any suggestion for my code? How can I access nested components as an Angular component?
/* Can access parent DataGridComponent */
@ViewChild('parentDatagrid', {static: true}) datagrid: DataGridComponent;
<eui-datagrid
#parentDatagrid
[lazy]="true"
[data]="data"
(rowSelect)="rowClick($event)"
(rowExpand)="onExpandRow($event)"
(rowContextMenu)="contextMenu($event)"
(rowCollapse)="onRowCollapse($event)"
>
<eui-grid-column [expander]="true" width="30"></eui-grid-column>
<eui-grid-column field="col1" title="Col 1" width="100px"></eui-grid-column>
<eui-grid-column field="col2" title="Col 2" width="200px"></eui-grid-column>
<ng-template euiDetailTemplate let-row #detailTemplate>
<div class="item f-row">
<div class="f-column">
<eui-tabs style="height:250px">
<eui-tab-panel title="Tab 0">
<eui-datagrid #childDatagrid1>
<eui-grid-column title="Col 1"></eui-grid-column>
<eui-grid-column title="Col 2"></eui-grid-column>
</eui-datagrid>
</eui-tab-panel>
<eui-tab-panel title="Tab 1">
<eui-datagrid #childDatagrid2>
<eui-grid-column title="Col 1"></eui-grid-column>
<eui-grid-column title="Col 2"></eui-grid-column>
</eui-datagrid>
</eui-tab-panel>
</eui-tabs>
</div>
</div>
</ng-template>
</eui-datagrid>