Multiple tbody fixed headers

by Prasad Kudalkar

HTML

<table>
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </thead>
</table>

<table style="height:300px;display:block;overflow-y:auto;">

  <tbody>
    <tr>
      <td>
        Row 1 Col 1
      </td>
      <td>
        Row 1 Col 2
      </td>
      <td>
        Row 1 Col 3
      </td>
    </tr>
  </tbody>
  
  <tbody>
    <tr>
      <td>
        Row 2 Col 1
      </td>
      <td>
        Row 2 Col 2
      </td>
      <td>
        Row 2 Col 3
      </td>
    </tr>
  </tbody>
  
  <tbody>
    <tr>
      <td>
        Row 3 Col 1
      </td>
      <td>
        Row 3 Col 2
      </td>
      <td>
        Row 3 Col 3
      </td>
    </tr>
  </tbody>

  <tbody>
    <tr>
      <td>
        Row 3 Col 1
      </td>
      <td>
        Row 3 Col 2
      </td>
      <td>
        Row 3 Col 3
      </td>
    </tr>
  </tbody>

  <tbody>
    <tr>
      <td>
        Row 3 Col 1
      </td>
      <td>
        Row 3 Col 2
      </td>
      <td>
        Row 3 Col 3
      </td>
    </tr>
  </tbody>

  <tbody>
    <tr>
      <td>
        Row 3 Col 1
      </td>
      <td>
        Row 3 Col 2
      </td>
      <td>
        Row 3 Col 3
      </td>
    </tr>
  </tbody>

  <tbody>
    <tr>
      <td>
        Row 3 Col 1
      </td>
      <td>
        Row 3 Col 2
      </td>
      <td>
        Row 3 Col 3
      </td>
    </tr>
  </tbody>

  <tbody>
    <tr>
      <td>
        Row 3 Col 1
      </td>
      <td>
        Row 3 Col 2
      </td>
      <td>
        Row 3 Col 3
      </td>
    </tr>
  </tbody>

  <tbody>
    <tr>
      <td>
        Row 3 Col 1
      </td>
      <td>
        Row 3 Col 2
      </td>
      <td>
        Row 3 Col 3
      </td>
    </tr>
  </tbody>

  <tbody>
    <tr>
      <td>
        Row 3 Col 1
      </td>
      <td>
        Row 3 Col 2
      </td>
      <td>
        Row 3 Col 3
      </td>
    </tr>
  </tbody>

  <tbody>
    <tr>
      <td>
        Row 3 Col 1
      </td>
      <td>
        Row 3 Col 2
     ...

CSS

table th {
  width: 33%;
}

table td {
  width: 33%;
}

tbody {
  width: 100%;
}