title: ngx-datatable detail row with API data not working
body: <p>I am attempting to create a ngx-datatable that I can use for showing details on row toggle.</p>
  
  <p>Most everything works but I cannot figure out why I am not able to show data that comes form another api for particular row click.</p>
  
  <p>I have refereed this example for this use case,</p>
  
  <p><a href="https://github.com/swimlane/ngx-datatable/blob/master/demo/basic/row-detail.component.ts" rel="nofollow noreferrer">https://github.com/swimlane/ngx-datatable/blob/master/demo/basic/row-detail.component.ts</a></p>
  
  <p>That is working like a charm, now i don't get any documentation for passing the API data instead of row data in this method,</p>
  
  <pre><code> toggleExpandRow(row) {
       //HERE IS MY API CALL.
       console.log('Toggled Expand Row!', row);
       //I TRIED PASSING CUSTOM API DATA INSTEAD OF ROW HERE 
       this.table.rowDetail.toggleExpandRow(row);
  }
  </code></pre>
  
  <p>I can get data resultset from api into console, but it's not expanding into html template.</p>
  
  <p>Here is my HTML template,</p>
  
  <pre><code> &lt;!-- Row Detail Template --&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;
           //I WANT TO SHOW API DATA HERE
          &lt;/div&gt;
        &lt;/ng-template&gt;
      &lt;/ngx-datatable-row-detail&gt;
      &lt;!-- Column Templates --&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]="!row.$$expanded"
            [class.datatable-icon-down]="row.$$expanded"
            title="Expand/Collapse Row"
            (click)="toggleExpandRow(row)"&gt;
          &lt;/a&gt;
        &lt;/ng-template&gt;
      &lt;/ngx-datatable-column&gt;
  </code></pre>
  
  <p>Please help me out.
  I am using <strong><em>angular 4.3.4</em></strong> and <strong><em>ngx-datatable 9.3.0</em></strong></p>