JSFiddle - React, Tailwind, and code Playground

HTML

<div id="table-wrapper">
  <div id="table-scroll">
   <table>
 <tr>
  <td>1</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>2</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>3</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>4</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>5</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>6</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>7</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>8</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>9</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>10</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>11</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>12</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>13</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>14</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>15</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>16</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>17</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>18</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>19</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>20</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>21</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>22</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>23</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>24</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>25</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>26</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>27</td>
  <td>Fulano</td>
 </tr>
 <tr>
  <td>28</td>
  <td>Fulano</td>
 </tr>
</table>
  </div>
</div>

CSS

#table-wrapper {
  position:relative;
}
#table-scroll {
  height:300px;
  overflow:auto;  
  margin-top:20px;
}
#table-wrapper table {
  width:100%;
  border: 1px solid #e1e1e1;
  background-color: #fefefe;
}