JSFiddle - React, Tailwind, and code Playground

by AKAKAK4

HTML

<div id="table-wrapper">
            <div id="table-scroll">
                <table >
                    <thead>
                        <tr>
                            <th> <span class="uploadedDocsHdr valign-middle">Document Type</span></th>
                            <th> <span class="uploadedDocsHdr valign-middle" >Document Name</span></th>
                            <th> <span class="uploadedDocsHdr valign-middle">Actions</span></th>
                        </tr>
                    </thead>

                    <tbody>
                        <tr>
                            <td> 123</td>
                                <td> 123</td>
                                    <td> 123</td>
                                         </tr>
                        <tr>
                            <td> 123</td>
                                <td> 123</td>
                                    <td> 123</td>
                                         </tr>
                        <tr>
                            <td> 123</td>
                                <td> 123</td>
                                    <td> 123</td>
                                         </tr>

                    </tbody>

                </table>
                            </div>
        </div>

CSS

#table-wrapper {
  position:relative;
}
#table-scroll {
  height:75px;
  overflow:auto;  
  margin-top:20px;
}
/*#table-wrapper table thead th .uploadedDocsHdr {
  position:absolute;   
  top:-20px;
  
  height:20px;
  
  
}*/