康小熙學習札記

web常用技術隨手記

2019-12-18

透過 css 達到 table 表格凍結頂端或凍結窗格的效果

透過 css 達到 table 表格凍結頂端或凍結窗格的效果

利用純淨的 css 不透過任何 js 或其他程式達到凍結窗格的目的

效果出奇的好，不多說請直接看以下程式～

CSS 程式片段：

div {
  max-width: 40em;
  max-height: 20em;
  overflow: scroll;
  position: relative;
}

table {
  position: relative;
  border-collapse: collapse;
}

td, th {
  padding: 0.25em;
}

thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
  background: #000;
  color: #FFF;
}

thead th:first-child {
  left: 0;
  z-index: 1;
}

tbody th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
  background: #FFF;
  border-right: 1px solid #CCC;
}

Html 程式片段：

<div>
<table>
<thead>
<tr>
  <th></th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
  <th>head</th>
</tr>
</thead>
<tbody>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
<tr>
  <th>head</th>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
  <td>body</td>
</tr>
</tbody>
</table>
</div>

 

參考 Stackoverflow: https://stackoverflow.com/questions/15811653/table-with-fixed-header-and-fixed-column-on-pure-css

jsfiddle: https://jsfiddle.net/wvypo83c/940/