JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr class="tableHeading">
                                                                <th width="10%">Description</th>
                                                                <th width="5%">Pack</th>
                                                                <th width="5%">size</th>
                                                                <th width="7%">Vendor Item Code #</th>
                                                                <th width="12%">UPC #</th>
                                                                <th width="9%">Item Quantity</th>
                                                                <th width="9%">Previous <br>Item Quantity</th>
                                                                <th width="8%">% Variance<br>Quantity Count</th>
                                                                <th width="7%">Unit Cost</th>
                                                                <th width="10%">Total Cost</th>
                                                                <th width="10%">Previous Cost</th>
                                                                <th width="8%">% Variance<br>Cost</th>
                                                            </tr>
                                                            </table>
                                                            <table>
                                                            
                                                         
                                                                                                                            <tr class="">
                                                                    <td width="10%">TOSTADA CASERA TRANSFERS</td>
                                                                    <td width="5%">1</td>
                                                                    <td width="5%">24 CNT</td>
                   ...

CSS

table{
    border: 1px solid black;
    table-layout: fixed;
    width: 100%;
     border-collapse:collapse;
}

th, td {
    border: 1px solid black;
    overflow: hidden;
  
}