Test Table footer for print

HTML

<div>
  <table class="table-blue">
    <tr>
      <td>one</td>
      <td>one test</td>
    </tr>
    <tr>
      <td>two</td>
      <td>two test</td>
    </tr>
    <tr>
      <td>three</td>
      <td>three test</td>
    </tr>
     <tr>
      <td>one</td>
      <td>one test</td>
    </tr>
    <tr>
      <td>two</td>
      <td>two test</td>
    </tr>
    <tr>
      <td>three</td>
      <td>three test</td>
    </tr>
     <tr>
      <td>one</td>
      <td>one test</td>
    </tr>
    <tr>
      <td>two</td>
      <td>two test</td>
    </tr>
    <tr>
      <td>three</td>
      <td>three test</td>
    </tr>
     <tr>
      <td>one</td>
      <td>one test</td>
    </tr>
    <tr>
      <td>two</td>
      <td>two test</td>
    </tr>
    <tr>
      <td>three</td>
      <td>three test</td>
    </tr>
     <tr>
      <td>one</td>
      <td>one test</td>
    </tr>
    <tr>
      <td>two</td>
      <td>two test</td>
    </tr>
    <tr>
      <td>three</td>
      <td>three test</td>
    </tr>
     <tr>
      <td>one</td>
      <td>one test</td>
    </tr>
    <tr>
      <td>two</td>
      <td>two test</td>
    </tr>
    <tr>
      <td>three</td>
      <td>three test</td>
    </tr>
     <tr>
      <td>one</td>
      <td>one test</td>
    </tr>
    <tr>
      <td>two</td>
      <td>two test</td>
    </tr>
    <tr>
      <td>three</td>
      <td>three test</td>
    </tr>
  </table>

  <table class="table-blue-fotter">
    <tr>
      <td>one</td>
      <td>one test</td>
      <td>one test</td>
    </tr>
    <tr>
      <td>two</td>
      <td>two test</td>
      <td>one test</td>
    </tr>
    <tr>
      <td>three</td>
      <td>three test</td>
      <td>one test</td>
    </tr>
  </table>

</div>

CSS

div {
  position: relative;
  height: 100vh;
}

.table-blue {
  width: 100%;
  background: lightblue;
}

.table-blue td {
  padding: 5px 10px;
}

.table-blue-fotter {
  position: absolute;
  bottom: 20px;
  left: 0px;
  width: 100%;
  background: gray;
}

@media print {
  .table-blue-fotter {
    position: fixed;
    bottom: 20px;
    left: 0px;
    width: 100%;
    background: gray;
  }