JSFiddle - React, Tailwind, and code Playground

by smlombardi

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<table id="parcel-details" class="table table-condensed-extra table-hover">
                        <colgroup>
                            <col span="5">
                            <col span="4">
                            <col span="5" class="foo">
                        </colgroup>
                         
                           <thead>
                             <tr class="top-headers">
                                 <th colspan="5">&nbsp;</th>
                                 <th colspan="4">Merchant</th>
                                 <th colspan="5">ClearPath</th>
                             </tr>
                              <tr class="secondary-headers">
                               <th>SKU</th>
                               <th>Commodity</th>
                               <th>Restricted</th>
                               <th>COO</th>
                               <th>Quantity</th>
                               <th>Sale Price</th>
                               <th>Shipping</th>
                               <th>Handling</th>
                               <th>Insurance</th>
                               <th>International Shipping</th>
                               <th>International Handling</th>
                               <th>Duties</th>
                               <th>Taxes</th>
                               <th>Brokerage</th>
                               </tr>
                           </thead>
                            
                             <tbody>
                                <tr>
                                 <td></td>
                                 <td></td>
                                 <td></td>
                                 <td></td>
                                 <td></td>
                                 <td></td>
                                 <td></td>
                                ...

CSS

colgroup col {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

tr.secondary-headers th {
  border: 0 !important;
  text-align: center;
}