JSFiddle - React, Tailwind, and code Playground

HTML

<table class="scrollTable" width="100%" border="1">
                                        <thead>
                                            <tr id="notclickable">
                                                <th width="3%" class="table-conf header-table">Order No. </th>
                                                <th width="10%" class="table-conf header-table">Latest No</th>
                                                <th width="20%" class="table-conf header-table">Parts Name</th>
                                                <th width="7%" class="table-conf header-table">Qty</th>
                                                <th width="8%" class="table-conf header-table">Unit Price</th>
                                                <th width="10%" class="table-conf header-table">Amount</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                           <tr>
                                               <td>test</td>
                                               <td>test</td>
                                               <td>test</td>
                                               <td>test</td>
                                               <td>test</td>
                                               <td>test</td>
                                           </tr>
                                            <tr>
                                               <td>test</td>
                                               <td>test</td>
                                               <td>test</td>
                                               <td>test</td>
                                               <td>test</td>
                                               <td>test</td>
                                           </tr>
                                            <tr>
                                              ...

CSS

.scrollTable thead {
    display: block;
}
.scrollTable tbody tr {
    table-layout:fixed;
    display:table;
    width:100%;
}
.scrollTable tbody {
    display:block;
    height:50px;
    overflow:auto;
    width:100%;
}