Как установить горизонтальную и вертикальную прокрутку с фиксированным верхним и нижним колонтитулами в HTML-таблицу с повторителем

---

У меня есть стол с ретранслятором

<table>
<thead>
  <tr>
    <td>Sr No.</td>
    <td>Firstname</td>
    <td>Middlename</td>
    <td>Lastname</td>
    <td>Salary</td>
    <td>Join Date</td>
    <td>Gender</td>
    <td>DOB</td>
    <td>Designation</td>
    <td>Department</td>
    <td>HR Manager</td>
    <td>Reporting Manager</td>
  </tr>
</thead>

<tbody>
  <asp:Repeater ID="repEmpList" runat="server">
    <ItemTemplate>
    <tr>
      <td><%#Container.ItemIndex+1 %></td>
    <td>Firstname</td>
    <td>Middlename</td>
    <td>Lastname</td>
    <td>Join Date</td>
    <td>Gender</td>
    <td>DOB</td>
    <td>Designation</td>
    <td>Department</td>
    <td>HR Manager</td>
    <td>Reporting Manager</td>
    </tr>
    </ItemTemplate>
  </asp:Repeater>
  </tbody>
  <tfoot>
  <tr>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>0.00</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</tfoot>
</table>

теперь мне нужны как горизонтальные, так и вертикальные свитки с фиксированным верхним и нижним колонтитулами

как я могу это сделать?

Пожалуйста, помогите мне

Заранее спасибо

Что я уже пробовал:

HTML код приведенный выше с ретранслятором я привязываю данные к ретранслятору из кода позади

---