JSFiddle - React, Tailwind, and code Playground

HTML

<script>
    function myFunction() { 
        str=document.getElementById('mytable').innerHTML;
        newstr='<tr><td><select><option value="ACT">ACT</option> <option value="NSW">NSW</option> <option value="NT">NT</option> <option value="QLD">QLD</option> <option value="SA">SA</option> <option value="TAS">TAS</option> <option value="VIC">VIC</option></select></td><td>row n cell 2</td></tr>';
        document.getElementById('mytable').innerHTML=str+newstr;
    }
    
</script>


 <table border="1" id="mytable"> 
 <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> 
 <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> 
 </table> 
 <button onclick="myFunction()">Try it</button>