JSFiddle - React, Tailwind, and code Playground

by Suhaib Janjua

HTML

<div class="row" style="display: flex">
        <div class="col" style="width: 50%;">
          <table style="width:100%;border-collapse: collapse" id="maintable">
            <thead style="background-color: lightgrey">
              <tr>
                <th style="border: 1px solid gray">Index</th>
                 <th style="border: 1px solid gray">Button</th>
              </tr>
            </thead>
            <tbody id="mytBody" />
          </table>
        </div>
        <div class="col">
          <button class="btn-blue circle add">+</button>
          <button class="btn-blue circle remove">-</button>
        </div>
        </div>