title: Should I use "<table mat table ... " or "<mat-table ..."
body: <p>The title already says it, which one should I use and is there / what is the difference between having</p>
  
  <pre><code>&lt;table mat table [dataSource]="items" ...
  </code></pre>
  
  <p>or</p>
  
  <pre><code>&lt;mat table [dataSource]="items" ...
  </code></pre>
  
  <p>in my HTML markup?</p>
  
  <p>On a cursory glance they both work fine, but I assume there must be a difference...</p>
  
  <p><strong>EDIT:</strong>
  I'm specifically talking about resizeable columns, like in this example:
  <a href="https://stackblitz.com/edit/angular-rtfc5v?file=src%2Fapp%2Fapp.component.html" rel="noreferrer">https://stackblitz.com/edit/angular-rtfc5v?file=src%2Fapp%2Fapp.component.html</a></p>
  
  <p>If you switch the