JSFiddle - React, Tailwind, and code Playground

HTML

<div id="listtableWrapperScroll">
    <table id="listtable">
		<tr>
			<td>Data Data</td>
			<td>Data Data</td>
			<td>Data Data</td>                
		</tr>
		<tr>
			<td>Data Data</td>
			<td>Data Data</td>
			<td>Data Data</td>                
		</tr>	
		<tr>
			<td>Data Data</td>
			<td>Data Data</td>
			<td>Data Data</td>                
		</tr>	
		<tr>
			<td>Data Data</td>
			<td>Data Data</td>
			<td>Data Data</td>                
		</tr>	            
		<tr>
			<td>Data Data</td>
			<td>Data Data</td>
			<td>Data Data</td>                
		</tr>
    </table>
</div>

CSS

#listtableWrapperScroll{
    height:100px;
    width:460px;
    overflow-y:scroll;
    border:1px solid #777777;
    background:#FFFFF2;
}
#listtableWrapperScroll #listtable{
    width:440px;       
}
#listtableWrapperScroll #listtable tr td{
    border-bottom:1px dashed #444;
}