<div class="fixed-table-container">
  <div class="header-background"> </div>
  <div class="fixed-table-container-inner">
    <table cellspacing="0">
      <thead>
        <tr>
          <th class="first">
            <div class="th-inner">First</div>
          </th>
          <th class="second">
            <div class="th-inner">Second</div>
          </th>
          <th class="third">
            <div class="th-inner">Third</div>
          </th>
          <th class="third">
            <div class="th-inner">Third</div>
          </th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>First</td>
          <td>First</td>

          <td>First</td>
          <td>First</td>
        </tr>
        <tr>
          <td>First</td>
          <td>First</td>

          <td>First</td>
          <td>First</td>
        </tr>
        <tr>
          <td>First</td>
          <td>First</td>

          <td>First</td>
          <td>First</td>
        </tr>
        <tr>
          <td>First</td>
          <td>First</td>

          <td>First</td>
          <td>First</td>
        </tr>
        <tr>
          <td>First</td>
          <td>First</td>

          <td>First</td>
          <td>First</td>
        </tr>
        <tr>
          <td>First</td>
          <td>First</td>

          <td>First</td>
          <td>First</td>
        </tr>
        <tr>
          <td>First</td>
          <td>First</td>

          <td>First</td>
          <td>First</td>
        </tr>
        <tr>
          <td>First</td>
          <td>First</td>

          <td>First</td>
          <td>First</td>
        </tr>
        <tr>
          <td>First</td>
          <td>First</td>

          <td>First</td>
          <td>First</td>
        </tr>
        <tr>
          <td>First</td>
          <td>First</td>

          <td>First</td>
          <td>First</td>
        </tr>
        <tr>
          <td>tesft</td>
          <td>dddd</td>
          <td>dd</td>
          <td>dd</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>

<style type="text/css">


/* above this is decorative, not part of the test */

.fixed-table-container {
  width: 100%;
  height: 200px;
  border: 1px solid black;
  margin: 10px auto;
  background-color: white;
  /* above is decorative or flexible */
  position: relative; /* could be absolute or relative */
  padding-top: 30px; /* height of header */
}

.fixed-table-container-inner {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}

.header-background {
  background-color: #D5ECFF;
  height: 30px; /* height of header */
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

table {
  background-color: white;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.th-inner {
  position: absolute;
  top: 0;
  line-height: 30px; /* height of header */
  text-align: left;
  border-left: 1px solid black;
  padding-left: 5px;
  margin-left: -5px;
}
.first .th-inner {
    border-left: none;
    padding-left: 6px;
  }




</style>