title: Nesting of ngx data table
body: <p>Hi I am developing application in Angular5. I am using ngx data table. I have implemented row detail feature in my data grid. When i click on arrow mark, details will show down. Below is my code.</p>
  
  <pre><code>     &lt;ngx-datatable #myTable class='material expandable'
                         [loadingIndicator]="loadingIndicator"
                         [rows]="rows"
                         [rowHeight]="35"
                         [headerHeight]="35"
                         [footerHeight]="35"
                         [columns]="columns"
                         [columnMode]="'force'"
                         [limit]="10"&gt;
        &lt;ngx-datatable-row-detail [rowHeight]="100" #myDetailRow (toggle)="onDetailToggle($event)"&gt;
                  &lt;ng-template let-row="row" let-expanded="expanded" ngx-datatable-row-detail-template&gt;
                      &lt;div style="padding-left:35px;"&gt;
                      // Here I want to show columns with header and row of data
                      &lt;/div&gt;
                  &lt;/ng-template&gt;
        &lt;/ngx-datatable-row-detail&gt;
  
      &lt;ngx-datatable-column [width]="50"
                                [resizeable]="false"
                                [sortable]="false"
                                [draggable]="false"
                                [canAutoResize]="false"&gt;
              &lt;ng-template let-row="row" let-expanded="expanded" ngx-datatable-cell-template&gt;
                  &lt;a href="javascript:void(0)"
                     [class.datatable-icon-right]="!expanded"
                     [class.datatable-icon-down]="expanded"
                     title="Expand/Collapse Row"
                     (click)="toggleExpandRow(row)"&gt;
                  &lt;/a&gt;
              &lt;/ng-template&gt;
          &lt;/ngx-datatable-column&gt;
    &lt;ngx-datatable-column width="200"&gt;
              &lt;ng-template let-column="column" ngx-datatable-header-template&gt;
                  Application ID
              &lt;/ng-template&gt;
              &lt;ng-template let-row="row" ngx-datatable-cell-template&gt;
                  {{row.applicationid}}
              &lt;/ng-template&gt;
          &lt;/ngx-datatable-column&gt;
   &lt;/ngx-datatable&gt;
  </code></pre>
  
  <p>In the above code, Whenever I click on row, below I want to display data with header and rows. I can display using plain html table. May I know is there any other way to display data as I mentioned or May I know how can I do this using ngx-data table? Can someone help me to figure it out this? Thank you. </p>