JSFiddle - React, Tailwind, and code Playground

HTML

<div id="table"></div>

<script>
var table = '<table data-custom="3963770" id="table" cellpadding="3" cellspacing="5" valign="top" width="995px" border="3" bordercolor="#83725B">  <th height="50" colspan="2">Company Name</th> <th height="50" colspan="3">Esco Number</th> <th height="50" colspan="1">Province</th> <th height="50">Sector</th> <th height="50">Technology</th> <th height="50" colspan="2">Status</th> <tr> <td colspan="2">3H Envirostrategies cc</td> <td colspan="3">11059420</td> <td>Gauteng, KZN, Western Cape, Mpumalanga, Free State,     Eastern Cape</td> <td>   <select id="mainSectors0">     <option>Commercial</option>   </select> </td> <td>   <select id="mainTechs0">     <option>Project Management</option>   </select> </td> <td colspan="2">Active</td> </tr> <tr> <td style="border: none;" colspan="5">   <div data-custom="contact_info" style="display:inline;"><u>Contact information</u></div> </td> </tr> <tbody data-custom="place_holder"> </tbody></table>';

$("#table").append(table);
</script>