JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<thead>
  <tr>
    <th></th>
    <th>Obj Name</th>
    <th>Budget</th>
    <th>Spend</th>
  </tr>
</thead>
<tbody>
  <tr class="parent">
    <th class="sub_campaign_control">+</th>
    <td>Campaign Name</td>
    <td>1500</td>
    <th>1000</th>
  </tr>
  <tr class="child">
    <th></th>
    <th>SubCampaign Name 1</th>
    <th>1000</th>
    <th>500</th>
  </tr>
  <tr class="child">
    <th></th>
    <th>SubCampaignName 2</th>
    <th>500</th>
    <th>250</th>
   </tr>
</tbody>
</table>