JSFiddle - React, Tailwind, and code Playground

by evgkch

HTML

<body>
<table data-role="table" id="table-column-toggle" data-mode="columntoggle" class="ui-responsive table-stroke">
<thead class='theadOfSimpleSearch'>
  <tr>
    <td>Distributor</td>
    <td>P/N</td>
    <td>Stock</td>
    <td>MOQ</td>
    <td>1</td>
    <td>10</td>
    <td>100</td>
    <td>1,000</td>
    <td>10,000</td>
  </tr>
</thead>
<tbody>
  <div class="tbodyOfSimpleSearch">
   <tr>
    <td>Digi-Key</td>
    <td>MAX232</td>
    <td>13987</td>
    <td>1</td>
    <td>$3.00</td>
    <td>$2.50</td>
    <td>$2.30</td>
    <td>$2.00</td>
    <td>$1.80</td>
   </tr>
  </div>
</tbody>
</table>
</body>