<table class="tb_table">

  <thead>

    <tr>

      <th>Col 1</th>

      <th>Col 2</th>

      <th>Col 3</th>

      <th>Col 4</th>

      <th>Col 5</th>

    </tr>

  </thead>

  <tbody>

    <tr>

      <td>row 1-1</td>

      <td>row 1-2</td>

      <td>row 1-3</td>

      <td>row 1-4</td>

      <td>row 1-5</td>

    </tr>

    <tr>

      <td>row 2-1</td>

      <td>row 2-2</td>

      <td>row 2-3</td>

      <td>row 2-4</td>

      <td>row 2-5</td>

    </tr>

    <tr>

      <td>row 3-1</td>

      <td>row 3-2</td>

      <td>row 3-3</td>

      <td>row 3-4</td>

      <td>row 3-5</td>

    </tr>

    <tr>

      <td>row 4-1</td>

      <td>row 4-2</td>

      <td>row 4-3</td>

      <td>row 4-4</td>

      <td>row 4-5</td>

    </tr>

    <tr>

      <td>row 5-1</td>

      <td>row 5-2</td>

      <td>row 5-3</td>

      <td>row 5-4</td>

      <td>row 5-5</td>

    </tr>

    <tr>

      <td>row 6-1</td>

      <td>row 6-2</td>

      <td>row 6-3</td>

      <td>row 6-4</td>

      <td>row 6-5</td>

    </tr>

    <tr>

      <td>row 7-1</td>

      <td>row 7-2</td>

      <td>row 7-3</td>

      <td>row 7-4</td>

      <td>row 7-5</td>

    </tr>

  </tbody>

</table>

.tb_table{

    width: 500px;

    table-layout: fixed;

    border-collapse: collapse;

}

​

.tb_table thead {

  background: black;

  color:#fff;

}

​

.tb_table tbody{

  display:block;

  width: 100%;

  overflow: auto;

  height: 100px;

}

​

.tb_table thead tr {

   display: block;

}

​

.tb_table th, .tb_table td {

  text-align: center;

  width: 200px;

}