This way feels that destroying the grid structure is not so good

Hello Sean,

Thanks for the repo, it's pretty usefull!

I'm in a case similar than the 3rd one. During tests with Karma, I'm trying to access data, to check if the input is there.
The issue is that cell content seems not to be fully binded (only in tests):

<app-form-cell _nghost-a-c269="">
     <!--bindings={}-->
</app-form-cell>

If the component is a bit updated:

@Component({
    selector: 'app-form-cell',
    template: `
         titi
        <div *ngIf="formGroup" [formGroup]="formGroup">
             toto
            <mat-form-field [floatLabel]="'never'" style="width: 100%">
                <input matInput [formControlName]="key" [id]="key" placeholder="Enter {{columnName}}">
            </mat-form-field>
        </div>
    `
})

Then, even if formGroup is defined, the html in the cell becomes:

<app-form-cell _nghost-a-c269="">
      titi
     <!--bindings={}-->
</app-form-cell>

Have you taken a look to the unit tests? Or at least, have you an idea of the origin of this behaviour?

Thanks for your help

It would be more convenient if you could use it like this