JSFiddle - React, Tailwind, and code Playground

by tony tansley

HTML

<table id="table-top">
               <tr>
                  <th>A</th>
                  <th>B</th>
               </tr>
    </table>
    <div id="table">
        <table id="table_id">
               <tr>
                  <td>A</td>
                  <td>B</td>
               </tr>
               <tr>
                  <td>A</td>
                  <td>B</td>
               </tr>
               <tr>
                  <td>A</td>
                  <td>B</td>
               </tr>
               <tr>
                  <td>A</td>
                  <td>B</td>
               </tr>
               <tr>
                  <td>A</td>
                  <td>B</td>
               </tr>
               <tr>
                  <td>A</td>
                  <td>B</td>
               </tr>
               <tr>
                  <td>A</td>
                  <td>B</td>
               </tr>
               <tr>
                  <td>A</td>
                  <td>B</td>
               </tr>
               <tr>
                  <td>A</td>
                  <td>B</td>
               </tr>
               <tr>
                  <td>A</td>
                  <td>B</td>
               </tr>
               <tr>
                  <td>A</td>
                  <td>B</td>
               </tr>
               <tr>
                  <td>A</td>
                  <td>B</td>
               </tr>
        </table>
    </div>

CSS

#table{
    overflow-y: auto; 
    height:150px;
    border-bottom:1px solid grey;
}
table{
    width:100%;
}
table td, table th{
    border-color: grey;
    border: 1px solid;  
    width:50%;
}
}
#table_id{

}