title: Angular material Sticky column more than 1 column
body: <p>im curently using angular ver 7 with angular cli and also angular material the lastest version</p>
  
  <p>im get to the point when using the angular table with sticky column position</p>
  
  <pre><code>&lt;ng-container matColumnDef="name" sticky&gt;
        &lt;th mat-header-cell *matHeaderCellDef&gt; Name &lt;/th&gt;
        &lt;td mat-cell *matCellDef="let element"&gt; {{element.name}} &lt;/td&gt;
      &lt;/ng-container&gt;
  
  &lt;ng-container matColumnDef="address" sticky&gt;
        &lt;th mat-header-cell *matHeaderCellDef&gt; Address&lt;/th&gt;
        &lt;td mat-cell *matCellDef="let element"&gt; {{element.address}} &lt;/td&gt;
      &lt;/ng-container&gt;
  </code></pre>
  
  <p>but when im serve it in the browser the sticky column all mess up,
  there is some space beetween them so when im scroll to the right, the animation seems so off</p>
  
  <p>it is the right way to use 2 sticky?</p>