title: mat-table auto fit column width to bigger content
body: <p>I have a mat-table I want to auto fit column width, anyone will be as long as the longest column content.</p>
  
  <pre><code>&lt;mat-table #table [dataSource]="dataSource"&gt;
  
   &lt;ng-container matColumnDef="email"&gt;
    &lt;mat-header-cell *matHeaderCellDef class="myHeader"&gt; No. &lt;/mat-header-cell&gt;
    &lt;mat-cell *matCellDef="let element" class="myCell"&gt; {{element.email}} &lt;/mat-cell&gt;
   &lt;/ng-container&gt;
  
   &lt;ng-container matColumnDef="name"&gt;
    &lt;mat-header-cell *matHeaderCellDef class="myHeader"&gt; Name &lt;/mat-header-cell&gt;
    &lt;mat-cell *matCellDef="let element" class="myCell"&gt; {{element.name}} &lt;/mat-cell&gt;
   &lt;/ng-container&gt;
  
  &lt;/mat-table&gt;
  </code></pre>
  
  <p>Data example:</p>
  
  <pre><code>const DATA: Data[] = [
   {email: 'mail1@mail.com', name: 'Long name for this person'},
   {email: 'mail2@mail.com': 'name2',
   {email: 'longmailaddres@longmailaddress.com: 'name3'}
  ];
  </code></pre>
  
  <p>So, width cells will be enough for "longmailaddress@longmailaddres.com" and for "Long name for this person".</p>
  
  <p>My choices doesnt work, I tried with FxFlexFill and fxFlex unsucced this is my css unsucced option.</p>
  
  <pre><code>.myHeader, .myCell{
    flex: 0 0 100px;
    white-space: nowrap;
  }
  </code></pre>
  
  <p>Can somebody help me?</p>