JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3.css">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<div class="table-scroll">
<table class="w3-table-all">
<thead>
<tr class="w3-red">
<th>First Name</th>
<th>Last Name</th>
<th>Points</th>
</tr>
</thead>
<tbody>
<tr>
<td>1, 0</td>
<td>2, 0</td>
<td>3, 0</td>
</tr>
<tr>
<td>1, 1</td>
<td>2, 1</td>
<td>3, 1</td>
</tr>
<tr>
<td>1, 2</td>
<td>2, 2</td>
<td>3, 2</td>
</tr>
<tr>
<td>1, 3</td>
<td>2, 3</td>
<td>3, 3</td>
</tr>
<tr>
<td>1, 4</td>
<td>2, 4</td>
<td>3, 4</td>
</tr>
<tr>
<td>1, 5</td>
<td>2, 5</td>
<td>3, 5</td>
</tr>
<tr>
<td>1, 6</td>
<td>2, 6</td>
<td>3, 6</td>
</tr>
<tr>
<td>1, 7</td>
<td>2, 7</td>
<td>3, 7</td>
</tr>
<tr>
<td>1, 8</td>
<td>2, 8</td>
<td>3, 8</td>
</tr>
<tr>
<td>1, 9</td>
<td>2, 9</td>
<td>3, 9</td>
</tr>
<tr>
<td>1, 10</td>
<td>2, 10</td>
<td>3, 10</td>
</tr>
<tr>
<td>1, 11</td>
<td>2, 11</td>
<td>3, 11</td>
</tr>
<tr>
<td>1, 12</td>
<td>2, 12</td>
<td>3, 12</td>
</tr>
<tr>
<td>1, 13</td>
<td>2, 13</td>
<td>3, 13</td>
</tr>
<tr>
<td>1, 14</td>
<td>2, 14</td>
<td>3, 14</td>
</tr>
<tr>
<td>1, 15</td>
<td>2, 15</td>
<td>3, 15</td>
</tr>
<tr>
<td>1, 16</td>
<td>2, 16</td>
<td>3, 16</td>
</tr>
<tr>
<td>1, 17</td>
<td>2, 17</td>
<td>3, 17</td>
</tr>
<tr>
...
CSS
.table-scroll {
border: 1px solid #000;
width:50%;
height: 100px;
overflow-y: scroll;
}