title: CSS-Only Sticky Table Headers In Chrome
body: <p>I have the following Sass snippet in which I want the <code>&lt;thead&gt;</code> to float as the table scrolls. This works properly in Safari, but not in Chrome <code>Version 58.0.3029.110 (64-bit)</code>.</p>
  
  <p>I know that Chrome has had on-again-off-again support for <code>sticky</code>, and currently supports it, but is it final? Is this a Chrome bug or do I need a different solution? (I prefer the CSS approach rather than Javascript because it's more performant.)</p>
  
  <pre><code>.table {
    thead {
      background: white;
      position: sticky;
      top: 0;
      z-index: 10;
    }
  }
  </code></pre>