Scrollable Table WIP

by JonNorman

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<div style="display:block;width:100%;height:20px;background-color:blue;position:fixed;top:0;z-index:1000">
here is the header
</div>
<div style="position:absolute;top:20px;width:100%">
<div style="background-color:green;height:100px;width:100%">
customer stuff here
</div>
<div id="tableContainer">
<table>
<thead style="background-color:purple">
  <tr><td>left</td><td>right</td></tr>
  <tr><td>fixed first line left</td><td>fixed first line right</td></tr>
  </thead><tbody>
  <tr><td>1</td><td>a</td></tr>
  <tr><td>2</td><td>b</td></tr>
  <tr><td>3</td><td>c</td></tr>
  <tr><td>4</td><td>d</td></tr>
  <tr><td>5</td><td>e</td></tr>
  <tr><td>6</td><td>f</td></tr>
  <tr><td>7</td><td>g</td></tr>
  <tr><td>8</td><td>h</td></tr>
  <tr><td>9</td><td>i</td></tr>
  <tr><td>10</td><td>j</td></tr>
  <tr><td>11</td><td>k</td></tr>
  <tr><td>12</td><td>l</td></tr>
  <tr><td>13</td><td>m</td></tr>
  <tr><td>14</td><td>n</td></tr>
  <tr><td>15</td><td>o</td></tr>
  <tr><td>16</td><td>p</td></tr>
  <tr><td>17</td><td>q</td></tr>
  <tr><td>18</td><td>r</td></tr>
  <tr><td>19</td><td>s</td></tr>
</tbody>
</table>
</div>


</div>