JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tbody id="tableBody">
    </tbody>
</table>

JavaScript

var $tableBody = $( "#tableBody" );

for ( var i = 0; i < 4; i++ ) {
    var $row = $( "<tr></tr>" );
    var $textInput = $( "<input type='text' id='text_" + i + "'/>" );
    var $checkbox = $( "<input type='checkbox' id='check_" + i + "'/><span> Checkbox " + i + "</span>" );
    $row.append( $( "<td></td>" ).append( $textInput ) );
    $row.append( $( "<td></td>" ).append( $checkbox ) );
    $tableBody.append( $row );
}