JSFiddle - React, Tailwind, and code Playground
HTML
<div class="table-overflow">
<table class="table"> <!-- se estiver usando bootstrap coloque a classe table -->
<tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum dolor</td>
</tr>
<tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum dolor</td>
</tr>
<tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum dolor</td>
</tr>
<tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum dolor</td>
</tr>
<tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum dolor</td>
</tr>
<tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum dolor</td>
</tr>
<tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum dolor</td>
</tr><tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum dolor</td>
</tr>
<tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum dolor</td>
</tr>
<tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum dolor</td>
</tr>
<tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum dolor</td>
</tr>
<tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum dolor</td>
</tr>
<tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum dolor</td>
</tr><tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum dolor</td>
</tr>
<tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum dolor</td>
</tr>
<tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum dolor</td>
</tr>
<tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum dolor</td>
</tr>
<tr>
<td>xxx.xxxx.xxxx.xxx.x</td>
<td>Lorem ipsum...
CSS
.table-overflow {
max-height:400px;
overflow-x:auto;
}