JSFiddle - React, Tailwind, and code Playground

HTML

<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%"><!-- Main table -->
<tbody><!-- Main tbody -->
<tr><!-- first and only row of the main table -->
<td>
<div align="center"><!-- magic that shifts everything to the center -->
<table border="0" cellspacing="0" cellpadding="0" style="background:rgba(55, 20, 240, 0.99) url('http://www.hisplaceautorepair.com/images/auto/Primary_Images/napa_bg.jpg'); padding: 38px">
<tbody>
<tr>
<td style="padding:0cm 0cm 0cm 0cm">
<table border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse" >
<tbody>

<tr>
<td colspan="2">
<div align="center">
<table border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse">
<tbody>
<tr style="min-height:30.0pt">
<td colspan="3" style="min-height:30.0pt">
<img src="http://www.hawkaviation.com/assets/static-header.jpg" alt="Hawk Aviation""/></a>

</td>
</tr>
<tr>
<td valign="top" style="padding:0cm 0cm 0cm 0cm">

</td>
<td style="border:solid black 1.0pt;border-top:none;padding:0cm 0cm 0cm 0cm">
<table border="0" cellspacing="0" cellpadding="0" style="width: 100%; font:0.8em/145% 'Trebuchet MS',helvetica,arial,verdana; border-collapse:collapse">
<tbody>
<tr>
<th nowrap="" style='padding: 5px;background: #333 url(http://www.roscripts.com/images/llsh.gif) repeat-x;color: #fff;text-align: left'>
Id
</th>
<th nowrap="" style='padding: 5px;background: #333 url(http://www.roscripts.com/images/llsh.gif) repeat-x;color: #fff;text-align: left'>
Desc
</th>
<th nowrap="" style='padding: 5px;background: #333 url(http://www.roscripts.com/images/llsh.gif) repeat-x;color: #fff;text-align: left'>
Code
</th>
<th nowrap="" style='padding: 5px;background: #333 url(http://www.roscripts.com/images/llsh.gif) repeat-x;color: #fff;text-align: left'>
Qty
</th>
<th nowrap="" style='padding: 5px;background: #333 url(http://www.roscripts.com/images/llsh.gif) repeat-x;color: #fff;text-align: left'>
Locator
</th>
<th nowrap="" style='padding: 5px;background:...