JSFiddle - React, Tailwind, and code Playground

HTML

<table id='table1'>
<thead>
    <tr>
        <th> Id </th>
        <th> Name </th>
        <th> Job </th>
    </tr>
</thead>
<tbody>
    <tr>
        <td>1</td>
        <td>raja</td>
        <td>developer</td>
    </tr>
    <tr>
        <td>2</td>
        <td>rajesh</td>
        <td>associate consultanat</td>
    </tr>
    <tr>
        <td>3</td>
        <td>kavinesh</td>
        <td> software developer</td>
    </tr>
    <tr>
        <td>4</td>
        <td>rajamanickam</td>
        <td>technical consultanat</td>
    </tr>
    <tr>
        <td>5</td>
        <td>sundar</td>
        <td> software developer</td>
    </tr>
    </tbody>
</table>

CSS

th
{
border:none;
padding:5px 20px 5px 10px;
text-align: center;
color:#0B3B17; 
font-size:12pt;
}
td
{
border:none;
color:#61210B; 
text-align: center;
padding: 3px 5px;
}
table
{
margin-left:20;
border:1;
}
tbody 
{
height: 100px;
overflow: auto;
background-color: #ddd;
}
thead > tr, tbody
{
text-align: center;
display:block;
}