JSFiddle - React, Tailwind, and code Playground

by JakobJingleheimer

HTML

<ul id="expList">
    <li>TITLE
        <ul>
            <li></li>                     
        </ul>
    </li>
    <li>INNOCULUM
        <ul>
            <li>
                <form>
                    <table border=1 frame=border name='mytable' id='mytable'>
                        <tr>
                            <th>Select</th>
                            <th>Field</th>
                            <th>Value to be updated</th>
                        </tr>
                        <tr>
                            <td><input type='checkbox' name='check1' /></td>
                            <td>INNOCULUM</td>
                            <td><input type='text' name='innoculum' /></td>
                        </tr>
                        <tr>
                            <td><input type='checkbox' name='check2' /></td>
                            <td>ORGANISM</td>
                            <td><input type='text' name='organism' /></td>
                        </tr>
                    </table>
                </form>
            </li>                     
        </ul>
    </li>
</ul>