title: mat-table directive is not rendering at full width
body: <p>I'm having a strange issue where the <code>mat-table</code> directive on a <code>table</code> element is not rendering all the way across. There are no custom styles associated with table, mat-table, or any elements inside of a table. </p>
  
  <p><a href="https://i.stack.imgur.com/2JRgo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2JRgo.png" alt="table collapsed example"></a></p>
  
  <p>Table component example:</p>
  
  <p><code>&lt;datatable [data]="data" [headers]"headers"&gt;&lt;/datatable&gt;</code></p>
  
  <p>Table Code:</p>
  
  <pre><code>&lt;table mat-table matSort [dataSource]="dataSource"&gt;
      &lt;ng-container *ngFor="let header of headers" [matColumnDef]="header.value"&gt;
          &lt;th mat-header-cell *matHeaderCellDef mat-sort-header [disabled]="!sorting"&gt;
              {{header.name}}
          &lt;/th&gt;
          &lt;td mat-cell *matCellDef="let element"&gt;
              {{element[header.value]}}
          &lt;/td&gt;
      &lt;/ng-container&gt;
      &lt;tr mat-header-row *matHeaderRowDef="columnsToDisplay"&gt;&lt;/tr&gt;
      &lt;tr mat-row *matRowDef="let row; columns: columnsToDisplay;"&gt;&lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>As you can see, I'm generating the headers using *ngFor rather than defining each column. Here are the headers and data I'm using for this example:</p>
  
  <pre><code>headers: ITableHeader[] = [
      { name: 'ID', value: 'id' },
      { name: 'Name', value: 'name' },
      { name: 'Address', value: 'address' },
  ];
  data = [
      { id: 0, name: 'name 0', address: 'address 0' },
      { id: 1, name: 'name 1', address: 'address 1' },
      { id: 2, name: 'name 2', address: 'address 2' },
      { id: 3, name: 'name 3', address: 'address 3' },
  ];
  </code></pre>
  
  <p>The component initializes with a blank <code>MatTableDataSource</code>. On data change, data is set by <code>this.dataSource.data = this.data;</code></p>
  
  <p>I've checked the element inspector after going over each element and can't figure out what is different from a regular table. Has anyone seen this before?</p>