title: Angular material *ngFor inside <mat-cell> for search
body: <p>is there any way to make <code>*ngFor</code> inside <code>&lt;mat-cell&gt;</code>?</p>
  
  <p>I need to add a new column in material and hide it, I use it only for filtering purpose...</p>
  
  <p>I have a table like this</p>
  
  <pre><code>&lt;ng-container matColumnDef="email"&gt;
      &lt;mat-header-cell *matHeaderCellDef mat-sort-header&gt; Email &lt;/mat-header-cell&gt;
      &lt;mat-cell *matCellDef="let user"&gt; {{ user.email }} &lt;/mat-cell&gt;
    &lt;/ng-container&gt;
    &lt;ng-container matColumnDef="phone"&gt;
      &lt;mat-header-cell *matHeaderCellDef mat-sort-header&gt; Phone &lt;/mat-header-cell&gt;
      &lt;mat-cell *matCellDef="let user"&gt; {{ user.phone }} &lt;/mat-cell&gt;
    &lt;/ng-container&gt;
  </code></pre>
  
  <p>But now I need another row with <code>{{ user.book.name}}</code>, and this way, of course, not working.
  And I need something like this</p>
  
  <pre><code>&lt;ng-container *ngFor="let book of user.book" [matColumnDef]="book"&gt;
     &lt;th mat-header-cell *matHeaderCellDef mat-sort-header&gt; {{ book}} &lt;/th&gt;
     &lt;td mat-cell *matCellDef="let book"&gt; {{ book.name }} &lt;/td&gt;
  &lt;/ng-container&gt;
  </code></pre>
  
  <p>But this not working, I broke all my app with this... </p>
  
  <p>here is an example on <a href="https://stackblitz.com/edit/angular-qeagdh?file=app/table-filtering-example.html" rel="nofollow noreferrer">stackblitz</a>, here where is OBJECT I need to get books names</p>