title: A large table with horizontal scroll and sticky header
body: <p><strong>What I am trying to do</strong></p>
  
  <p>I want to use <code>thead th {poistion: sticky; top: 0}</code>. But that <a href="https://stackoverflow.com/questions/43909940/why-does-overflowhidden-prevent-positionsticky-from-working?utm_medium=organic&amp;utm_source=google_rich_qa&amp;utm_campaign=google_rich_qa">doesn't work</a> with <code>overflow: scroll</code>. My table content is very wide so I do need some kind of scrolling. Instead, I have removed the <code>overflow: scroll</code> and plan to use the native window scroll. </p>
  
  <p><strong>Problem</strong></p>
  
  <p>This works great and the header is actually sticky. However, upon scrolling right, header and footer remain left aligned. This makes sense as I would expect it to do this. But it makes my page look really ugly when someone scrolls horizontally. </p>
  
  <p><strong>Here is an example</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>header {
    background: red;
    padding: 20px;
  }
  
  footer {
    background: blue;
    padding: 20px;
  }
  
  table th {
    position: sticky;
    top: 0;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;header&gt;
    &lt;nav&gt;Navigation and Header&lt;/nav&gt;
  &lt;/header&gt;
  &lt;main&gt;
    &lt;table&gt;
      &lt;tr&gt;
        &lt;th&gt;Firstname&lt;/th&gt;
        &lt;th&gt;Lastname&lt;/th&gt;
        &lt;th&gt;Age&lt;/th&gt;
        &lt;th&gt;Firstname&lt;/th&gt;
        &lt;th&gt;Lastname&lt;/th&gt;
        &lt;th&gt;Age&lt;/th&gt;
        &lt;th&gt;Firstname&lt;/th&gt;
        &lt;th&gt;Lastname&lt;/th&gt;
        &lt;th&gt;Age&lt;/th&gt;
        &lt;th&gt;Firstname&lt;/th&gt;
        &lt;th&gt;Lastname&lt;/th&gt;
        &lt;th&gt;Age&lt;/th&gt;
        &lt;th&gt;Firstname&lt;/th&gt;
        &lt;th&gt;Lastname&lt;/th&gt;
        &lt;th&gt;Age&lt;/th&gt;
        &lt;th&gt;Firstname&lt;/th&gt;
        &lt;th&gt;Lastname&lt;/th&gt;
        &lt;th&gt;Age&lt;/th&gt;
        &lt;th&gt;Firstname&lt;/th&gt;
        &lt;th&gt;Lastname&lt;/th&gt;
        &lt;th&gt;Age&lt;/th&gt;
        &lt;th&gt;Firstname&lt;/th&gt;
        &lt;th&gt;Lastname&lt;/th&gt;
        &lt;th&gt;Age&lt;/th&gt;
        &lt;th&gt;Firstname&lt;/th&gt;
        &lt;th&gt;Lastname&lt;/th&gt;
        &lt;th&gt;Age&lt;/th&gt;
        &lt;th&gt;Firstname&lt;/th&gt;
        &lt;th&gt;Lastname&lt;/th&gt;
        &lt;th&gt;Age&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
        &lt;td&gt;Jill&lt;/td&gt;
        &lt;td&gt;Smith&lt;/td&gt;
        &lt;td&gt;50&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/main&gt;
  &lt;footer&gt;
    Footer
  &lt;/footer&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>What I want instead</strong></p>
  
  <p>As you can see, the header stays where it is. What I would like to do is at least have the background of header and footer extend all the way to the right. I don't mind if the content is still on the left but the background is set to white which is really ugly. </p>
  
  <p>Is there a way to do this with CSS Grid? </p>