JSFiddle - React, Tailwind, and code Playground

by Cepesh16

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
<div class="m-2">

  <input type="checkbox">
  <button id="btn__AddEmployee">Add Employee</button>
  
  <table id="table__Employee" class="table table-stripped">
    <tbody>
      <tr>
        <td></td>
      </tr>
    </tbody>
  </table>
</div>

JavaScript

var body = $('body');

body.on('click', '#btn__AddEmployee', function() {
	var saveCheckboxState;
  
    $( '#table__Employee tbody').append(`
      <tr>
        <td>
          <input type="checkbox">
        </td>
      </tr>
      `);
})