JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <thead>
    <tr><th>col1</th><th>col2</th><th>col3</th><th>col4</th><th>col5</th></tr>
  </thead>
  <tbody id="tbody1">

  </tbody>
</table>

JavaScript

const rowStr = '<tr><td><input class="inp1" name="inp1"/></td><td><select class="sel1" name="sel1"></select></td><td><input class="inp2" name="inp2"/></td><td><select class="sel2" name="sel2"></select></td><td style="display:flex"><div><input value="+" type="button" class="inp3" name="inp3"/></div><div><input value="-" type="button" class="inp4" name="inp4"/></div></td></tr>'

$(document).ready(function() {
  addRow();
})

function addRow() {
  let row = $(rowStr);
 
  row.find(".sel1").append("<option>opt1</option><option>opt2</option>");
  row.find(".sel2").append("<option>opt3</option><option>opt4</option>");
  row.find(".inp3").on("click", addRow);
  row.find(".inp4").on("click", function() {
    remRow(row);
  })
  
  $("#tbody1").append(row);
}

function remRow(row) {
  row.css("display", "none");
}