JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content"> 
    <div class="wrap">
      <table>
       <tr>
           <th>Номер</th>
           <th>Имя</th>
           <th>Фамилия</th>
           <th>Возраст</th>
           <th>Место жительства</th>   
       </tr>
       <tr><td>1</td><td>Aапкерпек ривтрнтоноа реврвкеневрн</td><td>Bрнронеоеон гньогаог а</td><td>C</td><td>D</td></tr>
       <tr><td>1</td><td>A</td><td>B нвеоевотнга онот ногоалогна</td><td>C</td><td>D</td></tr>
       <tr><td>1</td><td>A</td><td>B</td><td>C</td><td>D</td></tr>
       <tr><td>1</td><td>A</td><td>B</td><td>C</td><td>D</td></tr>
       <tr><td>1</td><td>A</td><td>B</td><td>C</td><td>D</td></tr>
       <tr><td>1</td><td>A</td><td>B</td><td>C</td><td>D</td></tr>
       <tr><td>1</td><td>A</td><td>B</td><td>C</td><td>D</td></tr>
     </table>
    </div>
</div>

CSS

.content { 
    width:300px;   
    height:200px;
    padding: 5px;
    overflow:auto;
   }
.wrap{
    display: inline-block;
    vertical-align: top;
}
table
{
    border-collapse: collapse;
}
table td 
{  
    border: 1px solid #9c9c9c;
    text-align: center;
    padding: 3px;
}