JSFiddle - React, Tailwind, and code Playground

HTML

<div class="gridTableBox">
<div class="gridTable gridHeaderTable">
    <div class="gridRow">
        <div class="gridCell">T1</div>
        <div class="gridCell">T2</div>    
        <div class="gridCell">T3</div>  
    </div>
</div>
<div class="gridTable gridBody">
    <div class="gridRow">
        <div class="gridCell">a</div>
        <div class="gridCell">JKL;</div>    
        <div class="gridCell">Jb</div>  
    </div>
    <div class="gridRow">
        <div class="gridCell">a</div>
        <div class="gridCell">JKL;</div>    
        <div class="gridCell">Jb</div>  
    </div>
     <div class="gridRow">
        <div class="gridCell">a</div>
        <div class="gridCell">JKL;</div>    
        <div class="gridCell">Jb</div>  
    </div>
    <div class="gridRow">
        <div class="gridCell">a</div>
        <div class="gridCell">JKL;</div>    
        <div class="gridCell">Jb</div>  
    </div>
     <div class="gridRow">
        <div class="gridCell">a</div>
        <div class="gridCell">JKL;</div>    
        <div class="gridCell">Jb</div>  
    </div>
    <div class="gridRow">
        <div class="gridCell">a</div>
        <div class="gridCell">JKL;</div>    
        <div class="gridCell">Jb</div>  
    </div>
     <div class="gridRow">
        <div class="gridCell">a</div>
        <div class="gridCell">JKL;</div>    
        <div class="gridCell">Jb</div>  
    </div>
    <div class="gridRow">
        <div class="gridCell">a</div>
        <div class="gridCell">JKL;</div>    
        <div class="gridCell">Jb</div>  
    </div>
</div>
</div>

CSS

.gridTable{
	display:table;
	position:relative;
	border-collapse: collapse;
}
.gridHeaderRow, .gridTable{
	table-layout:fixed;
}
.gridHeaderRow{
	top:0px;
}
.gridRow, .gridHeaderRow{
	display:table-row;
}

.gridHeaderTable {
   width:100%;
   position:absolute;
}

.gridTableBox {
    height:100px;
    overflow:auto;
}

.gridBody {
    top:19px;
}

.gridCell{
	display:table-cell;
}
.gridTable, .gridRow, .gridHeaderRow{
	width:100%;
}
.gridTable, .gridTable *{
	border-collapse:collapse;
}
.gridTable div{
	border-color:red;
	border-width:1px;
	border-style:solid;
}