How to set horizontal and vertical scroll with fixed header and footer to HTML table with repeater

See more:

C#

ASP.NET

HTML

table

repeater

I have table with repeater

<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>

now i want both scrolls horizental and vertical with fixed header and footer

how can i do that?

Please help me

Thank you in advance

What I have tried:

HTML Code given above with repeater i am binding data to repeater from code behind