JSFiddle - React, Tailwind, and code Playground
by Terry Mun
HTML
<div id="test"></div>JavaScript
var table1= '<table width="100%" class="sortable"><tbody><tr width="100%"><td><select id="Value_0"> <option value="None">N/A</option><option value="name">Name</option> <option value="Lat">Lat</option> <option value="Lon">Long</option> </select> </td> <td> <select id="Value_1"> <option value="None">N/A</option> <option value="name">Name</option> <option value="Lat">Lat</option> <option value="Lon">Long</option> </select> </td> <td> <select id="Value_2"> <option value="None">N/A</option> <option value="name">Name</option> <option value="Lat">Lat</option> <option value="Lon">Long</option> </select> </td> <td></td> </tr> <tr> <td>Bore</td> <td>dd_lon</td> <td>dd_lat</td> <td><input id="CB_0" type="checkbox" checked=""></td> </tr> <tr> <td>MW-1</td> <td>-89.325375</td> <td>43.07104167</td> <td><input id="CB_1" type="checkbox" checked=""></td> </tr> <tr> <td>MW-10-CMT</td> <td>-89.32837458</td> <td>43.07178767</td> <td><input id="CB_2" type="checkbox" checked=""></td> </tr> <tr> <td>MW-11-CMT</td> <td>-89.32465527</td> <td>43.0707977</td> <td><input id="CB_3" type="checkbox" checked=""></td> </tr> <tr> <td>MW-12-CMT</td> <td>-89.325341</td> <td>43.07115595</td> <td><input id="CB_4" type="checkbox" checked=""></td> </tr> <tr> <td>MW-13</td> <td>-89.32509187</td> <td>43.06975769</td> <td><input id="CB_5" type="checkbox" checked=""></td> </tr> <tr> <td>MW-14</td> <td>-89.32417542</td> <td>43.07023291</td> <td><input id="CB_6" type="checkbox" checked=""></td> </tr> <tr> ...