JSFiddle - React, Tailwind, and code Playground

by Timmy Willison

HTML

<table>
    <tr><td>Good</td><td>Table</td></tr>
</table>
<br><br>
<table>
    <tr><td>Bad</td><td>Table</td></tr>
</table>

CSS

table {
    width: 200px;
}
td {
    border: 1px solid;
    background: #bada55;
}

JavaScript

var tr = '<tr></tr>',
    td = '<td>new row</td>',
    tdCol = '<td colspan="2">new row</td>';

$(tr).append(td).appendTo('table:first');
$(tr).hide().append(tdCol).appendTo('table:eq(1)').show();