JSFiddle - React, Tailwind, and code Playground

by Bigmuddyfoot

HTML

<table class="table">
  <thead>
    <tr>
      <th scope="col" width="50%" class="title">Item Number</th>
      <th scope="col" width="14%" class="center title">One Time List Price</th>
      <th scope="col" width="14%" class="center title">Monthly List Price</th>
      <th scope="col" width="9%" class="center title">Freight</th>
      <th scope="col" width="4%" class="center title">Qty</th>
      <th scope="col" width="9%" class="center title">Delete Line</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <div class="cat_num">229223509</div>
        <div class="cat_desc">UPS APC 1500VA</div>
      </td>
      <td class="center price">$458.16</td>
      <td class="center price">$522.27</td>
      <td class="center price">$30.95</td>
      <td class="center qty" onclick="updateTotalOccurrences('2292509',1, '15')">1</td>
      <td class="center"></td>
    </tr>
    <tr>
      <td>
        <div class="cat_num">651654518</div>
        <div class="cat_desc">Cloud 100 HA</div>
      </td>
      <td class="center price">$1895.00</td>
      <td class="center price">$849.00</td>
      <td class="center price">$21.50</td>
      <td class="center qty" onclick="updateTotalOccurrences('65165418',1, '15')">1</td>
      <td class="center"></td>
    </tr>
    <tr>
      <td>
        <div class="cat_num">65165435420</div>
        <div class="cat_desc">Cloud 200</div>
      </td>
      <td class="center price">$2495.00</td>
      <td class="center price">$948.00</td>
      <td class="center price">$21.50</td>
      <td class="center qty" onclick="updateTotalOccurrences('65165420',1, '15')">1</td>
      <td class="center"></td>
    </tr>
  </tbody>
</table>