title: Material table with sticky header and responsive columns
body: <p>Is there a way I can have a material table with a sticky header and the columns responsive? I found this example on material documentation: <a href="https://stackblitz.com/angular/paddnlmnavx?file=src%2Fapp%2Ftable-sticky-complex-flex-example.css" rel="nofollow noreferrer">https://stackblitz.com/angular/paddnlmnavx?file=src%2Fapp%2Ftable-sticky-complex-flex-example.css</a></p>
  <p>My issue here is that the header width is fixed, calculated using the cell's width:</p>
  <pre><code>min-width: 1920px; /* 24 columns, 80px each */
  </code></pre>
  <p>If I want to make the columns responsive then I will have a dynamic width for the columns and if I remove the min-width from the header, the header row will have a width of 100% and will not contain all the header cells.</p>