JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<thead>
    <!-- table header here -->
</thead>

<tbody id="item_rows">
    <!-- serve page with initial item_row here -->
</tbody>

<tbody id="row_template" style="display:none">
<tr class="item-row">
<td class="item-name" valign="top" align="center" width="100%">
<div class="delete-wpr">
    <select class="categories">
        <option value="0">--Select One--</option>
        <option value="2">BRAKE SYSTEMS</option>
        <option value="1">CAR CARE SERVICES</option>
        <option value="4">COMFORT CONTROL</option>
        <option value="3">COOLING SYSTEM</option>
        <option value="9">OTHER</option>
    </select>
    <a class="delete_row" href="#" title="Remove row">D</a>
</div>
</td>
<td valign="top" align="center"><select class="service_subcat"></select></td>
<td valign="top" align="center"><div class="invtbox">---</div></td>
<td><textarea class="descbox expand80-1000" name="descbox[]" rows="8" cols="40">Make A Service or Product Selection</textarea></td>
<td valign="top" align="center"><input class="qtybox qty combo3" name="qtybox[]" type="text" size="3" maxlength="3" value="0" rel="code_id" title=""></td>
<td valign="top"><textarea class="costbox" name="costbox[]" rows="1" cols="5"></textarea></td>
<td valign="top" align="center" width="14%" align="left"><span class="pricebox price">$0</span></td>
</tr>
</tbody>

<tbody id="footer">
<tr>
<td><a href="#" id="add_row" title="Add a row">Add an Item</a></td>
</tr>
</tbody>
</table>

JavaScript

var data = {"2":{"25":{"subcat_label":"Anti-Lock Systems ","invt":"Ok","product_desc":"","qty":"0","cost":"0.00"},"21":{"subcat_label":"Brake Drums ","invt":"Ok","product_desc":"","qty":"0","cost":"0.00"},"22":{"subcat_label":"Brake Rotors ","invt":"Ok","product_desc":"","qty":"0","cost":"0.00"},"20":{"subcat_label":"Emergency Brakes ","invt":"Ok","product_desc":"","qty":"0","cost":"0.00"},"18":{"subcat_label":"Hose Replacement ","invt":"Ok","product_desc":"","qty":"0","cost":"0.00"},"16":{"subcat_label":"Lining Replacement ","invt":"Ok","product_desc":"","qty":"0","cost":"0.00"},"23":{"subcat_label":"Machining ","invt":"Ok","product_desc":"","qty":"0","cost":"0.00"},"4":{"subcat_label":"Master Cylinders","invt":"2","product_desc":"","qty":"0","cost":""},"17":{"subcat_label":"Pad Replacement ","invt":"Ok","product_desc":"","qty":"0","cost":"0.00"},"24":{"subcat_label":"Power Boosters ","invt":"Ok","product_desc":"","qty":"0","cost":"0.00"},"19":{"subcat_label":"Wheel Cylinders ","invt":"Ok","product_desc":"","qty":"0","cost":"0.00"}},"1":{"13":{"subcat_label":"Battery Service ","invt":"Ok","product_desc":"New Battery Installed","qty":"0","cost":"0.00"},"10":{"subcat_label":"Brake Fluid Service ","invt":"Ok","product_desc":"","qty":"0","cost":"0.00"},"5":{"subcat_label":"Chassis Lube","invt":"Ok","product_desc":"Injected grease between moving joints and into zerks (grease fittings).","qty":"0","cost":"0.00"},"15":{"subcat_label":"Cooling System Service ","invt":"Ok","product_desc":"Drain, flush and refill the cooling system.  Inspected all hoses.  Cleaned the radiator, condenser, pressure cap and neck.  Finally, pressure tested the cooling system and pressure cap.","qty":"0","cost":"0.00"},"8":{"subcat_label":"Differential Service ","invt":"Ok","product_desc":"","qty":"0","cost":"0.00"},"14":{"subcat_label":"Noises & Leaks ","invt":"Ok","product_desc":"","qty":"0","cost":"0.00"},"3":{"subcat_label":"Oil & Filter Changes","invt":"43","product_desc":"Drained old oil...