title: Align the Columns of the Data-Table
body: <p>I have an <code>angular-material</code> Data Table and I want it to align to a certain column left/right. </p>
  
  <pre><code>  &lt;mat-table #table [dataSource]="dataSource" matSort&gt;
  
      &lt;ng-container matColumnDef="col0"&gt;
        &lt;mat-header-cell *matHeaderCellDef mat-sort-header&gt; Col0&lt;/mat-header-cell&gt;
        &lt;mat-cell *matCellDef="let element"&gt; {{element.col0}} &lt;/mat-cell&gt;
      &lt;/ng-container&gt;
  
      &lt;ng-container matColumnDef="col1"&gt;
        &lt;mat-header-cell *matHeaderCellDef mat-sort-header&gt; Col1 &lt;/mat-header-cell&gt;
        &lt;mat-cell *matCellDef="let element"&gt; {{element.col1}} &lt;/mat-cell&gt;
      &lt;/ng-container&gt;
  
      &lt;mat-header-row *matHeaderRowDef="displayedColumns"&gt;&lt;/mat-header-row&gt;
      &lt;mat-row *matRowDef="let row; columns: displayedColumns;"&gt;&lt;/mat-row&gt;
    &lt;/mat-table&gt;
  </code></pre>
  
  <p>What CSS do I need to do this?</p>