JSFiddle - React, Tailwind, and code Playground

by Christoph

HTML

<table>
    <thead>
        <tr>
            <th>number</th>            
            <th>text</th>
        </tr>            
    </thead>
    <tbody>
        <tr><td>1</td><td>test</td></tr>
        <tr><td>2</td><td>test</td></tr>
        <tr><td>3</td><td>test</td></tr>
        <tr><td>4</td><td>test</td></tr>
        <tr><td>5</td><td>test</td></tr>
        <tr><td>6</td><td>test</td></tr>
        <tr><td>7</td><td>test</td></tr>
        <tr><td>8</td><td>test</td></tr>
        <tr><td>9</td><td>test</td></tr>
    </tbody>        
</table>

CSS

table{
display:block;  
border:1px solid red;  
margin-top:50px;    
}
tbody{
 display:block;
 overflow-y:scroll; 
height:100px;    
}th{
width:75px;     
}td{
width:75px;    
}