JSFiddle - React, Tailwind, and code Playground

by ysuper

HTML

<table border="1" class="dataframe">\n  <thead>\n    <tr style="text-align: right;">\n      <th>A</th>\n      <th>B</th>\n      <th>C</th>\n      <th>D</th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr>\n      <td>UK</td>\n      <td>FOOD</td>\n      <td>Sales</td>\n      <td>4000</td>\n    </tr>\n    <tr>\n      <td></td>\n      <td></td>\n      <td>Order</td>\n      <td>6000</td>\n    </tr>\n    <tr>\n      <td>US</td>\n      <td>DRINK</td>\n      <td>Sales</td>\n      <td>4300</td>\n    </tr>\n    <tr>\n      <td></td>\n      <td></td>\n      <td>Order</td>\n      <td>6600</td>\n    </tr>\n  </tbody>\n</table>