title: Is it possible to bind a reactive form array controls to ngx-datatable?
body: <p>My form array html mark up works perfectly,
  (shortened snapshot)</p>
  
  <pre><code> &lt;div formArrayName="partners"&gt;
     &lt;div class="row" *ngFor="let ctrl of this.patientRestrationForm.get('partners').controls; let i = index"[formGroupName]="i"&gt;
       &lt;div class="col-xs-8"&gt;  
        &lt;input type="text" class="form-control" formControlName="recordId"&gt;
       &lt;/div&gt;
       &lt;div class="col-xs-8"&gt;
         &lt;input type="text" class="form-control" formControlName="patientFileId"&gt;
       &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>now I know that we can define columns according to in-line <code>ngx-datatable</code> <a href="https://github.com/swimlane/ngx-datatable/blob/master/demo/basic/inline.component.ts" rel="noreferrer">doc</a>. </p>
  
  <p>is it possible to bind those controls to <code>ngx-datatable</code> defined columns  </p>
  
  <pre><code>&lt;div formArrayName="partners"&gt;
     &lt;ngx-datatable #mydatatable class="material" [headerHeight]="50" [limit]="5" [columnMode]="'force'" [footerHeight]="50" [rowHeight]="'auto'"
     [rows]="this.patientRestrationForm.get('partners').value"&gt;
     &lt;ngx-datatable-column name="recordId"&gt;
        &lt;ng-template ngx-datatable-cell-template let-rowIndex="rowIndex" let-value="value" let-row="row"&gt;
           &lt;span title="Double click to edit" (dblclick)="editing[rowIndex + '-name'] = true" *ngIf="!editing[rowIndex + '-name']"&gt;
           {{value}}
           &lt;/span&gt;
           &lt;input [formControlName]="'recordId'" autofocus (blur)="updateValue($event, 'name', rowIndex)" *ngIf="editing[rowIndex+ '-name']"
           type="text" [value]="value" /&gt;
        &lt;/ng-template&gt;
     &lt;/ngx-datatable-column&gt;
     &lt;ngx-datatable-column name="patientFileId"&gt;
        &lt;ng-template ngx-datatable-cell-template let-rowIndex="rowIndex" let-value="value" let-row="row" style="margin-top: 10px;"&gt;
           &lt;span title="Double click to edit" (dblclick)="editing[rowIndex + '-name'] = true" *ngIf="!editing[rowIndex + '-name']"&gt;
           {{value}}
           &lt;/span&gt;
           &lt;input [formControlName]="'patientFileId'" autofocus (blur)="updateValue($event, 'name', rowIndex)" *ngIf="editing[rowIndex+ '-name']"
           type="text" [value]="value" /&gt;
        &lt;/ng-template&gt;
     &lt;/ngx-datatable-column&gt;
     &lt;/ngx-datatable&gt;
  &lt;/div&gt;
  </code></pre>